Next.js. Migrating to turbopack casues context error
Error:
the only change is adding
react-dom.development.js:20662 Uncaught Error: Unable to retrieve application context. Did you forget to wrap your App inside `withTRPC` HoC?
at updateDehydratedSuspenseComponent (react-dom.development.js:20662:17)
at updateSuspenseComponent (react-dom.development.js:20362:16)
at beginWork (react-dom.development.js:21624:14)
at beginWork$1 (react-dom.development.js:27426:14)
at performUnitOfWork (react-dom.development.js:26557:12)
at workLoopSync (react-dom.development.js:26466:5)
at renderRootSync (react-dom.development.js:26434:7)
at performConcurrentWorkOnRoot (react-dom.development.js:25738:74)
at workLoop (scheduler.development.js:266:34)
at flushWork (scheduler.development.js:239:14)
at MessagePort.performWorkUntilDeadline (scheduler.development.js:533:21)react-dom.development.js:20662 Uncaught Error: Unable to retrieve application context. Did you forget to wrap your App inside `withTRPC` HoC?
at updateDehydratedSuspenseComponent (react-dom.development.js:20662:17)
at updateSuspenseComponent (react-dom.development.js:20362:16)
at beginWork (react-dom.development.js:21624:14)
at beginWork$1 (react-dom.development.js:27426:14)
at performUnitOfWork (react-dom.development.js:26557:12)
at workLoopSync (react-dom.development.js:26466:5)
at renderRootSync (react-dom.development.js:26434:7)
at performConcurrentWorkOnRoot (react-dom.development.js:25738:74)
at workLoop (scheduler.development.js:266:34)
at flushWork (scheduler.development.js:239:14)
at MessagePort.performWorkUntilDeadline (scheduler.development.js:533:21)_app.page.tsx_app.page.tsxconst App: FunctionComponent<AppProps> = ({ Component, pageProps }) => {
return (
<StrictMode>
<AnalyticsProvider>
<AnalyticsPageLogger />
<ReactQueryDevtools position="bottom-right" />
<Head>
<title>Welcome to chair-flight!</title>
</Head>
<ThemeProvider>
<Component {...pageProps} />
<Toaster />
<UserBugReport />
</ThemeProvider>
</AnalyticsProvider>
</StrictMode>
);
};
export default trpc.withTRPC(App);const App: FunctionComponent<AppProps> = ({ Component, pageProps }) => {
return (
<StrictMode>
<AnalyticsProvider>
<AnalyticsPageLogger />
<ReactQueryDevtools position="bottom-right" />
<Head>
<title>Welcome to chair-flight!</title>
</Head>
<ThemeProvider>
<Component {...pageProps} />
<Toaster />
<UserBugReport />
</ThemeProvider>
</AnalyticsProvider>
</StrictMode>
);
};
export default trpc.withTRPC(App);the only change is adding
--turbo--turbo. Any idea?
