T
tRPC

Standalone Next.js 13.3.2 error

Standalone Next.js 13.3.2 error

YYovach
View on Discord
5/4/2023
Hi, since the 13.3.2 update of Next.js, I have the following error : 
TypeError: Cannot read properties of null (reading 'useState')
    at exports.useState (/home/quentin/labs/monorepo/apps/website/.next/standalone/node_modules/next/dist/compiled/react/cjs/react.production.min.js:29:394)
    at WithTRPC (/home/quentin/labs/monorepo/apps/website/.next/standalone/apps/website/.next/server/chunks/1435.js:49:83)
    at renderWithHooks (/home/quentin/labs/monorepo/apps/website/.next/standalone/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5658:16)
    at renderIndeterminateComponent (/home/quentin/labs/monorepo/apps/website/.next/standalone/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5731:15)
    at renderElement (/home/quentin/labs/monorepo/apps/website/.next/standalone/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5946:7)
    at renderNodeDestructiveImpl (/home/quentin/labs/monorepo/apps/website/.next/standalone/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6104:11)
    at renderNodeDestructive (/home/quentin/labs/monorepo/apps/website/.next/standalone/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6076:14)
    at renderIndeterminateComponent (/home/quentin/labs/monorepo/apps/website/.next/standalone/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5785:7)
    at renderElement (/home/quentin/labs/monorepo/apps/website/.next/standalone/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5946:7)
    at renderNodeDestructiveImpl (/home/quentin/labs/monorepo/apps/website/.next/standalone/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6104:11)
TypeError: Cannot read properties of null (reading 'useState')
    at exports.useState (/home/quentin/labs/monorepo/apps/website/.next/standalone/node_modules/next/dist/compiled/react/cjs/react.production.min.js:29:394)
    at WithTRPC (/home/quentin/labs/monorepo/apps/website/.next/standalone/apps/website/.next/server/chunks/1435.js:49:83)
    at renderWithHooks (/home/quentin/labs/monorepo/apps/website/.next/standalone/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5658:16)
    at renderIndeterminateComponent (/home/quentin/labs/monorepo/apps/website/.next/standalone/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5731:15)
    at renderElement (/home/quentin/labs/monorepo/apps/website/.next/standalone/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5946:7)
    at renderNodeDestructiveImpl (/home/quentin/labs/monorepo/apps/website/.next/standalone/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6104:11)
    at renderNodeDestructive (/home/quentin/labs/monorepo/apps/website/.next/standalone/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6076:14)
    at renderIndeterminateComponent (/home/quentin/labs/monorepo/apps/website/.next/standalone/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5785:7)
    at renderElement (/home/quentin/labs/monorepo/apps/website/.next/standalone/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5946:7)
    at renderNodeDestructiveImpl (/home/quentin/labs/monorepo/apps/website/.next/standalone/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6104:11)
I'm using Docker so I need to have the following next.config.js : 
/**
 * @type {import('next').NextConfig}
 */
const nextConfig = {
  reactStrictMode: true,
  trailingSlash: true,
  poweredByHeader: false,
  swcMinify: true,
  productionBrowserSourceMaps: false,
  experimental: {
    appDir: true,
    esmExternals: true,
    legacyBrowsers: false,
    enableUndici: true,
    outputFileTracingRoot: path.join(__dirname, '../../'),
  },
  output: "standalone",
};

export default nextConfig;
/**
 * @type {import('next').NextConfig}
 */
const nextConfig = {
  reactStrictMode: true,
  trailingSlash: true,
  poweredByHeader: false,
  swcMinify: true,
  productionBrowserSourceMaps: false,
  experimental: {
    appDir: true,
    esmExternals: true,
    legacyBrowsers: false,
    enableUndici: true,
    outputFileTracingRoot: path.join(__dirname, '../../'),
  },
  output: "standalone",
};

export default nextConfig;
I'm doing the following steps: npm run build and node .next/standalone/apps/website/server.js NOTE: With Next.js 13.3.1, it's working EDIT: In Next.js 13.3.2, it seems to work without output: "standalone" I disabled appDir and it's working again, I'll report to Vercel. fixed in https://github.com/notifications

Looking for more? Join the community!

T
tRPC

Standalone Next.js 13.3.2 error

Join Server
Recommended Posts
Does tRPC works in application network layer (HTTP) or transport network layer (TCP, UDP)?Just wondering if tRPC uses TCP under the hood.returning undefined from server gets stripped on the clientI encounter this issue when working with TRPC React under a Turborepo. But I works fine on Next I sTypeScript, Mono-Repositories and Internal Packages / Project ReferencesI am getting quite frustrate with project references / internal projects and the resolving of types how to integrate with Redis (ioredis)Any middleware?Help to deploy my TRPC proj from a monorepo (turborepo) at VercelI'm trying to learn monorepo with TRPC, both are new for me and Im kind struggling to deploy it becaTRPC ratelimiting endpointsI am currently having some problems with a race condition in my TRPC nextJS api. Essentially what i