Update (should build corretly)

gazes-media · Dec 30, 2023 · b7f87a5 · b7f87a5
1 parent 0a4f3b1
commit b7f87a5
Show file tree

Hide file tree

Showing 5 changed files with 69 additions and 14 deletions.
diff --git a/package.json b/package.json
@@ -15,19 +15,23 @@
     "@swc/cli": "^0.1.63",
     "@swc/core": "^1.3.101",
     "@types/centra": "^2.2.3",
+    "@types/node": "*",
     "@types/react": "^18.0.23",
     "@types/react-dom": "^18.0.7",
     "cross-env": "^7.0.3",
     "nodemon": "^3.0.2",
-    "ts-node": "^10.9.2"
+    "ts-node": "^10.9.2",
+    "typescript": ">=2.7"
   },
   "dependencies": {
+    "@emotion/cache": "^11.11.0",
     "@emotion/react": "^11.11.3",
     "@emotion/styled": "^11.11.0",
     "@fontsource/roboto": "^5.0.8",
     "@libsql/client": "0.3.6",
     "@mui/icons-material": "^5.15.2",
     "@mui/material": "^5.15.2",
+    "@mui/material-nextjs": "^5.15.0",
     "@prisma/adapter-libsql": "^5.7.1",
     "@prisma/client": "5.7.1",
     "@thunder04/supermap": "^3.0.3",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,7 +1,7 @@
-import { Head } from "next/document"
 import React from "react"
 import Theme from "../components/theme"
 import type { Metadata } from 'next'
+import { AppRouterCacheProvider } from '@mui/material-nextjs/v14-appRouter'
 
 export const metadata: Metadata = {
   title: {
@@ -30,9 +30,11 @@ export default function RootLayout({
   return (
     <html lang="fr">
       <body>
+      <AppRouterCacheProvider options={{ enableCssLayer: true }}>
         <Theme>
           {children}
         </Theme>
+      </AppRouterCacheProvider>
       </body>
     </html>
   )

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -1,3 +1,4 @@
+"use client";
 import ResponsiveAppBar from '../components/Appbar'
 import { Link } from '@mui/material';
 

diff --git a/src/website/index.ts b/src/website/index.ts
@@ -4,7 +4,7 @@ import next from "next";
 import { parse } from 'url';
 
 const dev = process.env.NODE_ENV !== 'production';
-const app = next({ dev });
+const app = next({ dev, customServer: true });
 const handle = app.getRequestHandler();
 class Website {
     constructor(private app: FastifyInstance) { }