amroncz
commented
4 months ago This is my log:
Next.js 14.1.3
- Local: http://localhost:3000
- Experiments (use at your own risk):
· swcPlugins
✓ Ready in 3.6s
○ Compiling /not-found ...
✓ Compiled /not-found in 10.1s (2129 modules)
createContext only works in Client Components. Add the "use client" directive at the top of the file to use it. Read more: https://nextjs.org/docs/messages/context-in-server-component
at eval (webpack-internal:///(rsc)/./node_modules/@griffel/react/RendererContext.esm.js:18:73)
at (rsc)/./node_modules/@griffel/react/RendererContext.esm.js (E:\nextjsfluent\.next\server\vendor-chunks\@griffel.js:840:1)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at eval (webpack-internal:///(rsc)/./node_modules/@griffel/react/makeStyles.esm.js:7:81)
at (rsc)/./node_modules/@griffel/react/makeStyles.esm.js (E:\nextjsfluent\.next\server\vendor-chunks\@griffel.js:940:1)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at eval (webpack-internal:///(rsc)/./node_modules/@griffel/react/index.esm.js:21:76)
at (rsc)/./node_modules/@griffel/react/index.esm.js (E:\nextjsfluent\.next\server\vendor-chunks\@griffel.js:900:1)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at eval (webpack-internal:///(rsc)/./node_modules/@fluentui/react-components/lib-commonjs/index.js:2561:16)
at (rsc)/./node_modules/@fluentui/react-components/lib-commonjs/index.js (E:\nextjsfluent\.next\server\vendor-chunks\@fluentui.js:2830:1)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at eval (webpack-internal:///(rsc)/./src/app/layout.tsx:11:84)
at (rsc)/./src/app/layout.tsx (E:\nextjsfluent\.next\server\app\page.js:194:1)
at Function.__webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at runNextTicks (node:internal/process/task_queues:60:5)
at listOnTimeout (node:internal/timers:540:9)
at process.processTimers (node:internal/timers:514:7)
at async eB (E:\nextjsfluent\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:35:402484)
at async tt (E:\nextjsfluent\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:35:406237)
at async tr (E:\nextjsfluent\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:35:406787)
at async tl (E:\nextjsfluent\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:36:2057)
at async E:\nextjsfluent\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:36:2596 {
digest: '3771978084'
}
⨯ node_modules\@griffel\react\RendererContext.esm.js (8:37) @ evalThis is my next.config.mjs:
/** @type {import('next').NextConfig} */
const nextConfig = {
experimental: {
swcPlugins: [
["fluentui-next-appdir-directive",{
paths: [
"@griffel",
"@fluentui"
]
}],
],
},
};
export default nextConfig;This is my layout.tsx:
import type { Metadata } from "next";
import { Inter } from "next/font/google";
import "./globals.css";
import { FluentProvider, teamsDarkTheme } from "@fluentui/react-components";
const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = {
title: "Create Next App",
description: "Generated by create next app",
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<FluentProvider theme={teamsDarkTheme}>
<html lang='en'>
<body className={inter.className}>{children}</body>
</html>
</FluentProvider>
);
}
Node version: 20.11.1 Next version: 14.1.3 FluentUI Version: 9.46.8
erikbrgn
fransfilastap
julianortlieb
it950
vincentjflorio
sopranopillow
franciscojun
AiSirachcha21
Investigate https://github.com/microsoft/fluentui/issues/29361#issuecomment-1992568164