Comments (2)
amroncz
commented on June 8, 2024
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) @ eval
⨯ 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 __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at eval (./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)
null
⨯ node_modules\@griffel\react\RendererContext.esm.js (8:37) @ eval
⨯ 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 __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at eval (./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)
digest: "586917220"
null
⨯ node_modules\@griffel\react\RendererContext.esm.js (8:37) @ eval
⨯ 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 __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at eval (./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)
null
⨯ node_modules\@griffel\react\RendererContext.esm.js (8:37) @ eval
⨯ 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',
page: '/'
}
null
⨯ node_modules\@griffel\react\RendererContext.esm.js (8:37) @ eval
⨯ 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 __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at eval (./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)
null
⨯ node_modules\@griffel\react\RendererContext.esm.js (8:37) @ eval
⨯ 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 __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at eval (./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)
digest: "419598313"
null
⨯ node_modules\@griffel\react\RendererContext.esm.js (8:37) @ eval
⨯ 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 __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at eval (./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)
null
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) @ eval
⨯ 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',
page: '/'
}
null
○ Compiling /_error ...
✓ Compiled /_error in 1325ms (2291 modules)
⨯ node_modules\@griffel\react\RendererContext.esm.js (8:37) @ eval
⨯ 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 __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at eval (./src/app/layout.tsx:11:84)
at (rsc)/./src/app/layout.tsx (E:\nextjsfluent\.next\server\app\not-found.js:141:1)
at Function.__webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
null
⨯ node_modules\@griffel\react\RendererContext.esm.js (8:37) @ eval
⨯ 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 __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at eval (./src/app/layout.tsx:11:84)
at (rsc)/./src/app/layout.tsx (E:\nextjsfluent\.next\server\app\not-found.js:141:1)
at Function.__webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
digest: "3738931569"
null
⨯ node_modules\@griffel\react\RendererContext.esm.js (8:37) @ eval
⨯ 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 __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at eval (./src/app/layout.tsx:11:84)
at (rsc)/./src/app/layout.tsx (E:\nextjsfluent\.next\server\app\not-found.js:141:1)
at Function.__webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
null
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\not-found.js:141: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 eq (E:\nextjsfluent\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:35:402641)
at async tt (E:\nextjsfluent\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:35:406205)
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: '2798216552'
}
⨯ 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\not-found.js:141: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 eq (E:\nextjsfluent\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:35:402641)
at async tt (E:\nextjsfluent\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:35:406205)
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: '2798216552'
}
⨯ node_modules\@griffel\react\RendererContext.esm.js (8:37) @ eval
⨯ 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 __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at eval (./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)
null
⨯ node_modules\@griffel\react\RendererContext.esm.js (8:37) @ eval
⨯ 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 __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at eval (./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)
digest: "586917220"
null
⨯ node_modules\@griffel\react\RendererContext.esm.js (8:37) @ eval
⨯ 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 __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at __webpack_require__ (E:\nextjsfluent\.next\server\webpack-runtime.js:33:42)
at eval (./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)
null
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) @ eval
⨯ 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',
page: '/'
}
null
This 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
from fluentui.
amroncz
commented on June 8, 2024
Regarding #30766 (comment): It does not work even with the guide from the official FluentUI documentation. Same error.
from fluentui.
Related Issues (20)
- [Feature]: makeStyles should accept for function style HOT 2
- [Bug]: GroupedList returning to the initalScrollPosition when scrolling down and unable to select last file HOT 6
- [Feature]: InlineDrawer should be able to be rendered as an 'aside' element HOT 1
- [Feature]: Add Navbar component
- [Feature]: Add a `Navbar` component HOT 1
- [Bug]: `List` requires explicit `data-is-scrollable` to be defined when rendered inside `Modal` HOT 7
- [Bug]: TeachingPopover has no styling anymore and background is transparent HOT 2
- [docs]: Write example on how to use CSS extraction with RSCs
- [Feature]: Scroll Bar support for Menu's based on Realestate
- [Bug]: Dismissible Tag missing same visual interactive states as InteractionTag
- [Bug]: V8 DetailsList gives unexpected scroll when dragging the scroll handle in large tables
- [Bug]: SyntaxError: Unexpected token 'export' using @fluentui/react-components as ES Module
- PeoplePickerComponent HOT 2
- [Feature]: Icon map as global object or UMD HOT 1
- How to custom color theme through ThemeDesigner? HOT 2
- [Bug]: Unable to Compile Tokens HOT 10
- [Feature]: Fluent UI React V9 - Layout, header, content, grid ect.. HOT 2
- [Bug]: Accordion navigation prop is not align with new ARIA APG pattern HOT 1
- [Bug]: Drawer animation wrong direction in RTL languages HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from fluentui.