chore(sandbox): migrate to nextjs 14

styled-components · Nov 28, 2023 · 130a257 · 130a257
1 parent 7c065e0
commit 130a257
Show file tree

Hide file tree

Showing 6 changed files with 42 additions and 32 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/packages/sandbox/app/layout.tsx b/packages/sandbox/app/layout.tsx
@@ -0,0 +1,16 @@
+import RootStyleRegistry from '../lib/registry';
+
+export const revalidate = 0;
+
+export default function AppLayout({ children }) {
+  return (
+    <html>
+      <head>
+        <title>RSC</title>
+      </head>
+      <body>
+        <RootStyleRegistry>{children}</RootStyleRegistry>
+      </body>
+    </html>
+  );
+}
diff --git a/packages/sandbox/pages/index.tsx → packages/sandbox/app/page.tsx b/packages/sandbox/pages/index.tsx → packages/sandbox/app/page.tsx
@@ -1,3 +1,6 @@
+// comment out 'use client' to see the context error
+'use client';
+
 import styled, { createGlobalStyle } from 'styled-components';
 import ButtonExample from '../src/Button.example';
 

diff --git a/packages/sandbox/package.json b/packages/sandbox/package.json
@@ -9,11 +9,11 @@
     "start": "next start"
   },
   "devDependencies": {
-    "next": "^12.2.0"
+    "next": "^14.0.0"
   },
   "dependencies": {
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "styled-components": "workspace:*"
   },
   "engines": {

diff --git a/packages/sandbox/pages/_document.tsx b/packages/sandbox/pages/_document.tsx
diff --git a/packages/sandbox/tsconfig.json b/packages/sandbox/tsconfig.json
@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "ES2020",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": false,
@@ -13,8 +17,20 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",
-    "incremental": true
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ]
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules"]
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }