Upgrade Keystone to 2.0.0 (#196)

.changeset/fast-flies-collect.md

@@ -0,0 +1,5 @@
+---
+'@opensaas/keystone-nextjs-auth': major
+---
+
+Upgrade to `@keystone-6/[email protected]`

apps/ks-frontend-demo/package.json

@@ -45,7 +45,7 @@
     ]
   },
   "dependencies": {
-    "@apollo/client": "^3.6.2",
+    "@apollo/client": "^3.6.6",
     "@babel/core": "^7.17.10",
     "@babel/plugin-proposal-class-properties": "^7.16.7",
     "@babel/plugin-proposal-object-rest-spread": "^7.17.3",
@@ -68,14 +68,14 @@
     "graphql-upload": "^12.0.0",
     "lodash": "^4.17.21",
     "lodash.debounce": "^4.0.8",
-    "next": "^12.1.0",
+    "next": "^12.1.6",
     "next-auth": "^4.3.4",
     "next-transpile-modules": "^9.0.0",
     "nprogress": "^0.2.0",
     "prop-types": "^15.8.1",
-    "react": "^17.0.2",
-    "react-bootstrap": "^2.3.1",
-    "react-dom": "^17.0.2",
+    "react": "^18.1.0",
+    "react-bootstrap": "^2.4.0",
+    "react-dom": "^18.1.0",
     "react-transition-group": "^4.4.2",
     "styled-components": "^5.3.5",
     "typescript": "^4.5.5",
@@ -104,6 +104,6 @@
     "eslint-plugin-react-hooks": "^4.4.0",
     "jest": "^28.1.0",
     "prettier": "^2.6.2",
-    "react-test-renderer": "^17.0.2"
+    "react-test-renderer": "^18.1.0"
   }
 }

apps/ks-frontend-demo/pages/_document.tsx

@@ -3,11 +3,14 @@ import Document, { Html, Head, NextScript, Main } from 'next/document';
 import { ServerStyleSheet } from 'styled-components';
 
 export default class MyDocument extends Document {
-  static getInitialProps({ renderPage }: any) {
+  static async getInitialProps(ctx: any) {
     const sheet = new ServerStyleSheet();
-    const page = renderPage((App: any) => (props: any) => sheet.collectStyles(<App {...props} />));
+    const page = ctx.renderPage(
+      (App: any) => (props: any) => sheet.collectStyles(<App {...props} />)
+    );
     const styleTags = sheet.getStyleElement();
-    return { ...page, styleTags };
+    const initialProps = await Document.getInitialProps(ctx);
+    return { ...initialProps, ...page, styleTags };
   }
 
   render() {

backend/package.json

@@ -9,15 +9,15 @@
     "start": "keystone prisma migrate deploy && keystone start"
   },
   "dependencies": {
-    "@keystone-6/core": "^1.1.0",
-    "@keystone-6/fields-document": "^2.0.0",
-    "@keystone-ui/button": "^6.0.0",
-    "@keystone-ui/core": "^4.0.0",
+    "@keystone-6/core": "^2.0.0",
+    "@keystone-6/fields-document": "^3.0.0",
+    "@keystone-ui/button": "^7.0.0",
+    "@keystone-ui/core": "^5.0.0",
     "@opensaas/keystone-nextjs-auth": "^22.0.0",
     "@types/ejs": "^3.1.0",
     "dotenv": "^16.0.0",
     "ejs": "^3.1.7",
-    "react": "^17.0.2",
+    "react": "^18.1.0",
     "typescript": "^4.5.5"
   }
 }

packages/keystone-nextjs-auth/package.json

@@ -16,12 +16,12 @@
     "next-auth": "^4.3.4"
   },
   "devDependencies": {
-    "@keystone-6/core": "^1.1.0",
-    "react": "^17.0.2"
+    "@keystone-6/core": "^2.0.0",
+    "react": "^18.1.0"
   },
   "peerDependencies": {
-    "@keystone-6/core": "^1.1.0",
-    "react": "^17.0.2"
+    "@keystone-6/core": "^2.0.0",
+    "react": "^18.1.0"
   },
   "engines": {
     "node": "^14.13 || >= 16.13"