fix: next adaptations

Author: bobbor

.github/dependency-review/config.yml

@@ -33,3 +33,9 @@ allow-licenses:
   - 'X11'
   - 'zlib-acknowledgement'
   - 'Zlib'
+  - 'LGPL-2.0-only'
+  - 'LGPL-2.1-only'
+  - 'LGPL-3.0-only'
+  - 'LGPL-3.0-or-later'
+  - 'LicenseRef-scancode-alliance-open-media-patent-1.0'
+  - 'LicenseRef-scancode-other-permissive'

docs/next-env.d.ts

@@ -10,7 +10,7 @@
     "flutter:clean": "rm -rf public/flutter/authenticator",
     "flutter:copy": "cp -r ./flutter/authenticator/build/web public/flutter/authenticator",
     "prebuild": "yarn build:cssvars-table && yarn build:props-tables",
-    "build": "NODE_OPTIONS=\"--max-old-space-size=4096\" next build",
+    "build": "NODE_OPTIONS=\"--max-old-space-size=4096\" next build --webpack",
     "build:cssvars-table": "node --require esbuild-register ./scripts/generate-cssvars-table-data.ts",
     "build:props-tables": "node --require esbuild-register ./scripts/generate-props-tables-data.ts",
     "clean": "rimraf node_modules .next && yarn flutter:clean",
@@ -36,7 +36,7 @@
     "lodash": "^4.17.21",
     "mdx-prism": "^0.3.3",
     "next": "^16.0.0",
-    "next-plugin-preval": "^1.2.1",
+    "next-plugin-preval": "^1.2.8",
     "prism-react-renderer": "1.2.1",
     "raw-loader": "^4.0.2",
     "react": "^18.3.0",

docs/package.json

@@ -2,12 +2,24 @@
   "compilerOptions": {
     "baseUrl": ".",
     "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "paths": {
-      "@/components/*": ["src/components/*"],
-      "@/data/*": ["src/data/*"],
-      "@/utils/*": ["src/utils/*"],
-      "aws-amplify/storage": ["storageMock.ts"]
+      "@/components/*": [
+        "src/components/*"
+      ],
+      "@/data/*": [
+        "src/data/*"
+      ],
+      "@/utils/*": [
+        "src/utils/*"
+      ],
+      "aws-amplify/storage": [
+        "storageMock.ts"
+      ]
     },
     "allowJs": true,
     "skipLibCheck": true,
@@ -20,11 +32,17 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "downlevelIteration": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules"],
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ],
   "ts-node": {
     "compilerOptions": {
       "module": "CommonJS"

docs/tsconfig.json

@@ -6,8 +6,12 @@ import { Header } from '@/components/Header';
 import ThemeToggle from '@/components/ThemeToggle';
 import { cookies } from 'next/headers';
 
-export default function Layout({ children }: { children: React.ReactNode }) {
-  const cookieStore = cookies();
+export default async function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const cookieStore = await cookies();
   const colorMode = (cookieStore.get('colorMode')?.value ??
     'dark') as ColorMode;
 

examples/next-app-router/src/app/theme-switcher/layout.tsx

@@ -84,6 +84,9 @@
     "**/serve/serve-handler/path-to-regexp": "3.3.0",
     "@aws-amplify/data-schema": "^1.19.0",
     "@adobe/css-tools": "^4.3.2",
+    "@babel/core": "^7.12.10",
+    "@babel/preset-env": "^7.12.11",
+    "@babel/register": "^7.13.16",
     "@sideway/formula": "^3.0.1",
     "@types/react": "^18.3.0",
     "@types/react-dom": "^18.3.0",