Skip to content

Instantly share code, notes, and snippets.

@regexyl
Created May 19, 2024 06:47
Show Gist options
  • Save regexyl/8cf4387164c2fe0bc700343b5f1f1b28 to your computer and use it in GitHub Desktop.
Save regexyl/8cf4387164c2fe0bc700343b5f1f1b28 to your computer and use it in GitHub Desktop.
Stack trace for when MarkerType enum from reactflow is imported into Next.js' app/api/trpc router
Server Error
TypeError: 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
This error happened while generating the page. Any console logs will be displayed in the terminal window.
Call Stack
createContext
node_modules/reactflow/dist/umd/index.js (10:49063)
t
node_modules/reactflow/dist/umd/index.js (1:68)
eval
node_modules/reactflow/dist/umd/index.js (1:349)
(rsc)/./node_modules/reactflow/dist/umd/index.js
file:///workspace/codewords-ui/.next/server/vendor-chunks/reactflow.js (19:1)
__webpack_require__
file:///workspace/codewords-ui/.next/server/webpack-runtime.js (33:43)
eval
webpack-internal:///(rsc)/./src/utils/graph.ts (8:67)
(rsc)/./src/utils/graph.ts
file:///workspace/codewords-ui/.next/server/app/api/trpc/[trpc]/route.js (462:1)
__webpack_require__
file:///workspace/codewords-ui/.next/server/webpack-runtime.js (33:43)
eval
webpack-internal:///(rsc)/./src/server/routers/gem.ts (17:70)
(rsc)/./src/server/routers/gem.ts
file:///workspace/codewords-ui/.next/server/app/api/trpc/[trpc]/route.js (402:1)
__webpack_require__
file:///workspace/codewords-ui/.next/server/webpack-runtime.js (33:43)
eval
webpack-internal:///(rsc)/./src/server/routers/index.ts (6:62)
(rsc)/./src/server/routers/index.ts
file:///workspace/codewords-ui/.next/server/app/api/trpc/[trpc]/route.js (422:1)
__webpack_require__
file:///workspace/codewords-ui/.next/server/webpack-runtime.js (33:43)
eval
webpack-internal:///(rsc)/./src/app/api/trpc/[trpc]/route.ts (19:73)
(rsc)/./src/app/api/trpc/[trpc]/route.ts
file:///workspace/codewords-ui/.next/server/app/api/trpc/[trpc]/route.js (322:1)
__webpack_require__
file:///workspace/codewords-ui/.next/server/webpack-runtime.js (33:43)
eval
webpack-internal:///(rsc)/./node_modules/next/dist/build/webpack/loaders/next-app-loader.js (16:112)
(rsc)/./node_modules/next/dist/build/webpack/loaders/next-app-loader.js?name=app%2Fapi%2Ftrpc%2F%5Btrpc%5D%2Froute&page=%2Fapi%2Ftrpc%2F%5Btrpc%5D%2Froute&appPaths=&pagePath=private-next-app-dir%2Fapi%2Ftrpc%2F%5Btrpc%5D%2Froute.ts&appDir=%2Fworkspace%2Fcodewords-ui%2Fsrc%2Fapp&pageExtensions=tsx&pageExtensions=ts&pageExtensions=jsx&pageExtensions=js&rootDir=%2Fworkspace%2Fcodewords-ui&isDev=true&tsconfigPath=tsconfig.json&basePath=&assetPrefix=&nextConfigOutput=&preferredRegion=&middlewareConfig=e30%3D!
file:///workspace/codewords-ui/.next/server/app/api/trpc/[trpc]/route.js (332:1)
__webpack_require__
file:///workspace/codewords-ui/.next/server/webpack-runtime.js (33:43)
__webpack_exec__
file:///workspace/codewords-ui/.next/server/app/api/trpc/[trpc]/route.js (492:39)
<unknown>
file:///workspace/codewords-ui/.next/server/app/api/trpc/[trpc]/route.js (493:1138)
__webpack_require__.X
file:///workspace/codewords-ui/.next/server/webpack-runtime.js (163:21)
<unknown>
file:///workspace/codewords-ui/.next/server/app/api/trpc/[trpc]/route.js (493:47)
Object.<anonymous>
file:///workspace/codewords-ui/.next/server/app/api/trpc/[trpc]/route.js (496:3)
Module._compile
node:internal/modules/cjs/loader (1358:14)
Module._extensions..js
node:internal/modules/cjs/loader (1416:10)
Module.load
node:internal/modules/cjs/loader (1208:32)
Module._load
node:internal/modules/cjs/loader (1024:12)
Module.require
node:internal/modules/cjs/loader (1233:19)
mod.require
file:///workspace/codewords-ui/node_modules/next/dist/server/require-hook.js (64:28)
require
node:internal/modules/helpers (179:18)
requirePage
file:///workspace/codewords-ui/node_modules/next/dist/server/require.js (109:84)
<unknown>
file:///workspace/codewords-ui/node_modules/next/dist/server/load-components.js (59:84)
async loadComponentsImpl
file:///workspace/codewords-ui/node_modules/next/dist/server/load-components.js (59:26)
async DevServer.findPageComponentsImpl
file:///workspace/codewords-ui/node_modules/next/dist/server/next-server.js (439:36)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment