Closed willin closed 1 year ago
check docs, added config:
/** @type {import('next').NextConfig} */
const nextConfig = {
reactStrictMode: true, // Recommended for the `pages` directory, default in `app`.
experimental: {
// runtime: 'experimental-edge', // 'node.js' (default) | 'experimental-edge'
appDir: true,
esmExternals: 'loose',
serverComponentsExternalPackages: ['esbuild', '@mdx-js/esbuild', 'shiki', '@code-hike/mdx', 'mdx-bundler']
}
};
module.exports = nextConfig;
then error:
wait - compiling /_error (client and server)...
warn - Fast Refresh had to perform a full reload due to a runtime error.
event - compiled client and server successfully in 161 ms (1305 modules)
Warning: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.
TypeError: Cannot read properties of null (reading 'useState')
at Object.useState (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react/cjs/react.development.js:1753:21)
at Code (/Users/v0/Sites/alpha/node_modules/.pnpm/@code-hike+mdx@0.7.4_react@18.2.0/node_modules/@code-hike/mdx/dist/components.cjs.js:3412:55)
at attemptResolveElement (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1207:42)
at resolveModelToJSON (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1660:53)
at Array.toJSON (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1121:40)
at stringify (<anonymous>)
at processModelChunk (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:172:36)
at retryTask (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1868:50)
at performWork (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1906:33)
at eval (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1297:40)
at scheduleWork (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:52:25)
at pingTask (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1296:29)
at ping (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1309:40)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
TypeError: Cannot read properties of null (reading 'useState')
at Object.useState (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react/cjs/react.development.js:1753:21)
at Code (/Users/v0/Sites/alpha/node_modules/.pnpm/@code-hike+mdx@0.7.4_react@18.2.0/node_modules/@code-hike/mdx/dist/components.cjs.js:3412:55)
at attemptResolveElement (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1207:42)
at resolveModelToJSON (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1660:53)
at Array.toJSON (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1121:40)
at stringify (<anonymous>)
at processModelChunk (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:172:36)
at retryTask (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1868:50)
at performWork (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1906:33)
at eval (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1297:40)
at scheduleWork (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:52:25)
at pingTask (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1296:29)
at ping (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1309:40)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5) {
digest: '3489959199'
}
error - ui/mdx-component.tsx (19:2) @ CH
error - ReferenceError: CH is not defined
at eval (webpack-internal:///(sc_server)/./ui/mdx-component.tsx:28:5)
at (sc_server)/./ui/mdx-component.tsx (/Users/v0/Sites/alpha/.next/server/app/[locale]/(content)/[slug]/page.js:1823:1)
at __webpack_require__ (/Users/v0/Sites/alpha/.next/server/webpack-runtime.js:33:42)
at eval (webpack-internal:///(sc_server)/./ui/content-page.tsx:9:72)
at (sc_server)/./ui/content-page.tsx (/Users/v0/Sites/alpha/.next/server/app/[locale]/(content)/[slug]/page.js:1802:1)
at __webpack_require__ (/Users/v0/Sites/alpha/.next/server/webpack-runtime.js:33:42)
at eval (webpack-internal:///(sc_server)/./app/[locale]/(content)/[slug]/page.tsx:6:74)
at (sc_server)/./app/[locale]/(content)/[slug]/page.tsx (/Users/v0/Sites/alpha/.next/server/app/[locale]/(content)/[slug]/page.js:745:1)
at Function.__webpack_require__ (/Users/v0/Sites/alpha/.next/server/webpack-runtime.js:33:42)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5) {
type: 'ReferenceError',
page: '/[locale]/[slug]'
}
17 | // }),
18 | AgeTimer: AgeTimer,
> 19 | CH
| ^
20 | };
21 |
22 | /**
Warning: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.
TypeError: Cannot read properties of null (reading 'useState')
at Object.useState (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react/cjs/react.development.js:1753:21)
at Code (/Users/v0/Sites/alpha/node_modules/.pnpm/@code-hike+mdx@0.7.4_react@18.2.0/node_modules/@code-hike/mdx/dist/components.cjs.js:3412:55)
at attemptResolveElement (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1207:42)
at resolveModelToJSON (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1660:53)
at Array.toJSON (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1121:40)
at stringify (<anonymous>)
at processModelChunk (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:172:36)
at retryTask (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1868:50)
at performWork (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1906:33)
at eval (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1297:40)
at scheduleWork (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:52:25)
at pingTask (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1296:29)
at ping (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1309:40)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
TypeError: Cannot read properties of null (reading 'useState')
at Object.useState (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react/cjs/react.development.js:1753:21)
at Code (/Users/v0/Sites/alpha/node_modules/.pnpm/@code-hike+mdx@0.7.4_react@18.2.0/node_modules/@code-hike/mdx/dist/components.cjs.js:3412:55)
at attemptResolveElement (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1207:42)
at resolveModelToJSON (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1660:53)
at Array.toJSON (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1121:40)
at stringify (<anonymous>)
at processModelChunk (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:172:36)
at retryTask (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1868:50)
at performWork (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1906:33)
at eval (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1297:40)
at scheduleWork (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:52:25)
at pingTask (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1296:29)
at ping (webpack-internal:///(sc_server)/./node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1309:40)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5) {
digest: '3489959199'
}
or add use client
:
wait - compiling...
event - compiled client and server successfully in 250 ms (1324 modules)
warn - Fast Refresh had to perform a full reload due to a runtime error.
[Function: Page] { params: { locale: 'en', slug: 'about' }, searchParams: {} }
[Function: Page] { params: { locale: 'en', slug: 'about' }, searchParams: {} }
wait - compiling /[locale]/(content)/posts/page (client and server)...
TypeError: Cannot read properties of undefined (reading 'length')
at InnerCode (webpack-internal:///(sc_client)/./node_modules/.pnpm/@code-hike+mdx@0.7.4_react@18.2.0/node_modules/@code-hike/mdx/dist/components.esm.mjs:3448:21)
at renderWithHooks (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:7681:16)
at renderIndeterminateComponent (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:7755:15)
at renderElement (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:7990:7)
at renderNodeDestructiveImpl (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8157:11)
at renderNodeDestructive (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8129:14)
at renderIndeterminateComponent (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:7809:7)
at renderElement (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:7990:7)
at renderLazyComponent (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:7970:3)
at renderElement (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8080:11)
at renderNodeDestructiveImpl (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8157:11)
at renderNodeDestructive (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8129:14)
at renderNode (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8313:12)
at renderChildrenArray (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8265:7)
at renderNodeDestructiveImpl (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8194:7)
at renderNodeDestructive (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8129:14)
at renderNode (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8313:12)
at renderHostElement (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:7665:3)
at renderElement (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:7996:5)
at renderNodeDestructiveImpl (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8157:11)
at renderNodeDestructive (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8129:14)
at renderNode (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8313:12)
at renderChildrenArray (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8265:7)
at renderNodeDestructiveImpl (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8194:7)
at renderNodeDestructive (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8129:14)
at renderNode (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8313:12)
at renderHostElement (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:7665:3)
at renderElement (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:7996:5)
at renderNodeDestructiveImpl (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8157:11)
at renderNodeDestructive (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8129:14)
at renderNodeDestructiveImpl (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8188:11)
at renderNodeDestructive (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8129:14)
at retryTask (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8599:5)
at performWork (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8666:7)
at /Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:7378:14
at scheduleWork (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:78:3)
at pingTask (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:7377:5)
at ping (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:7410:14)
at wakeChunk (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/client.js:299:5)
at wakeChunkIfInitialized (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/client.js:306:7)
at resolveModelChunk (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/client.js:368:5)
at resolveModel (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/client.js:635:5)
at processFullRow (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/client.js:729:9)
at processBinaryChunk (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/client.js:789:5)
at progress (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/client.js:842:5)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
event - compiled successfully in 69 ms (750 modules)
TypeError: Cannot read properties of undefined (reading 'length')
at InnerCode (webpack-internal:///(sc_client)/./node_modules/.pnpm/@code-hike+mdx@0.7.4_react@18.2.0/node_modules/@code-hike/mdx/dist/components.esm.mjs:3448:21)
at renderWithHooks (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:7681:16)
at renderIndeterminateComponent (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:7755:15)
at renderElement (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:7990:7)
at renderNodeDestructiveImpl (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8157:11)
at renderNodeDestructive (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8129:14)
at renderIndeterminateComponent (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:7809:7)
at renderElement (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:7990:7)
at renderLazyComponent (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:7970:3)
at renderElement (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8080:11)
at renderNodeDestructiveImpl (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8157:11)
at renderNodeDestructive (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8129:14)
at renderNode (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8313:12)
at renderChildrenArray (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8265:7)
at renderNodeDestructiveImpl (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8194:7)
at renderNodeDestructive (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8129:14)
at renderNode (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8313:12)
at renderHostElement (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:7665:3)
at renderElement (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:7996:5)
at renderNodeDestructiveImpl (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8157:11)
at renderNodeDestructive (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8129:14)
at renderNode (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8313:12)
at renderChildrenArray (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8265:7)
at renderNodeDestructiveImpl (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8194:7)
at renderNodeDestructive (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8129:14)
at renderNode (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8313:12)
at renderHostElement (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:7665:3)
at renderElement (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:7996:5)
at renderNodeDestructiveImpl (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8157:11)
at renderNodeDestructive (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8129:14)
at renderNodeDestructiveImpl (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8188:11)
at renderNodeDestructive (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8129:14)
at retryTask (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8599:5)
at performWork (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:8666:7)
at /Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:7378:14
at scheduleWork (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:78:3)
at pingTask (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:7377:5)
at ping (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.browser.development.js:7410:14)
at wakeChunk (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/client.js:299:5)
at wakeChunkIfInitialized (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/client.js:306:7)
at resolveModelChunk (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/client.js:368:5)
at resolveModel (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/client.js:635:5)
at processFullRow (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/client.js:729:9)
at processBinaryChunk (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/client.js:789:5)
at progress (/Users/v0/Sites/alpha/node_modules/.pnpm/next@13.0.6_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react-server-dom-webpack/client.js:842:5)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
Example source: https://github.com/willin/beta.willin.wang/blob/main/ui/mdx-component.tsx#L5
can edit here:
'use client'; // add this line, optional
import { CH } from '@codehike/mdx/components'; // add this line
import { getMDXComponent } from 'mdx-bundler/client';
import { createElement, useMemo } from 'react';
import { AgeTimer } from './components/age-timer';
const mdxComponents = {
CH, // add this line
a: (props: any) =>
createElement('a', {
target: '_blank',
...props
}),
// img: ({ src, ...rest }) =>
// createElement('img', {
// // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
// 'data-src': src,
// className: 'post-image lazyload',
// ...rest
// }),
AgeTimer: AgeTimer
};
PR #308 may fix this. If you can, try using the canary version from that PR and let me know if it fixes the problem
I'm facing a similar issue with next 13 but the only difference is that I get the error only in production. I get a 500 server error whenever I try to access my website.
PR #308 may fix this. If you can, try using the canary version from that PR and let me know if it fixes the problem
I've also tried this method as well but It didn't work.
@staranbeer are you using getStaticProps
? getServerSideProps
? the app
folder?
@pomber I'm using getServerSideProps for this.
If you can try using getStaticProps
. I'm trying to make getServerSideProps
work in the next version
Oh, that might not be possible with the kind of app I'm working on. It need to fetch data on every request.
here's the app readout .
can you try the new canary version from #308 and share the error you are getting?
should be fixed with v0.8.0
, let me know how it goes