Application crashes while navigating. (Error: Connection closed)

[Nayeem-XTREME]

Summary

I was using nextjs 15.6.0-canary.21 in my large application, using the following config:

import { type NextConfig } from 'next';
import withBundleAnalyzer from '@next/bundle-analyzer';

const nextConfig: NextConfig = {
  typedRoutes: true,
  output: 'standalone',
  images: {
    qualities: [75, 90, 100],
    minimumCacheTTL: 60 * 60 * 24 * 30,
    remotePatterns: [
      {
        protocol: 'https',
        hostname: 'i.pravatar.cc',
      },
      {
        protocol: 'https',
        hostname: 'lh3.googleusercontent.com',
      },
      {
        protocol: 'https',
        hostname: 'platform-lookaside.fbsbx.com',
      },
      {
        protocol: 'https',
        hostname: 's3.ap-southeast-1.wasabisys.com',
      },
      {
        protocol: 'https',
        hostname: process.env.NEXT_PUBLIC_API_BASE_URL as string,
      },
    ],
  },
  redirects: async () => [
    {
      source: '/',
      destination: '/login',
      permanent: false,
    },
  ],
  logging: {
    fetches: {
      fullUrl: true,
      hmrRefreshes: true,
    },
  },
  serverExternalPackages: [
    '@emoji-mart/data',
    '@emoji-mart/react',
    'ag-grid-community',
  ],
  devIndicators: {
    position: 'bottom-right',
  },
  experimental: {
    typedEnv: true,
    reactCompiler: true,
    viewTransition: true,
    globalNotFound: true,
    cacheComponents: true,
    isolatedDevBuild: true,
    scrollRestoration: true,
    clientSegmentCache: true,
    webpackBuildWorker: true,
    parallelServerCompiles: true,
    serverComponentsHmrCache: true,
    parallelServerBuildTraces: true,
    turbopackPersistentCaching: true,
    webpackMemoryOptimizations: true,
    webVitalsAttribution: ['FCP', 'CLS', 'LCP'],
    optimizePackageImports: [
      '@/lib',
      '@/apis',
      '@/hooks',
      '@/actions',
      '@/providers',
      '@/state/reducer',

      '@/components/core',
      '@/components/global',
    ],
  },
};

const configWithAnalyzer = withBundleAnalyzer({
  enabled: process.env.ANALYZE === 'true',
})(nextConfig);

export default configWithAnalyzer;

The problem is, staring from nextjs 15.6.0-canary.22, I am getting the following error randomly, specially while navigatiing inside my app, and my app crashes:

 ⨯ Error: Connection closed.
    at ar (.next/server/chunks/317.js:9:31981)
    at b (.next/server/chunks/317.js:9:32590) {
  digest: '2512423511'
}

and in browser error log, I found error is happening from something like this:

The error is ONLY appearing after building my application, and no warning or error was printed in the dev mode. I tried toggling clientSegmentCache, cacheComponents etc flags, and seems the issue only happens when both flag is enabled. Turning off any of the flag resolves the issue.

Please note that the issue starts happening from 15.6.0-canary.22. Still in latest canary, the issue remains.

As my app is too big, it's difficult for me to share a reproduction URL. If anyone has any hint, why it may happen?

Additional information

No response

Example

No response