Fix bundling of client entry chunks (#2932)

* Fix promise fallback data

* fix

e2e/site/app/suspense-fallback/layout.tsx

@@ -0,0 +1,17 @@
+import { SWRConfig } from 'swr'
+
+function createPromiseData(data: any, timeout: number) {
+  return new Promise(resolve => {
+    setTimeout(() => {
+      resolve(data)
+    }, timeout)
+  })
+}
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  const fallback = {
+    '/api/promise': createPromiseData({ value: 'async promise' }, 2000)
+  }
+
+  return <SWRConfig value={{ fallback }}>{children}</SWRConfig>
+}

e2e/site/app/suspense-fallback/promise/page.tsx

@@ -0,0 +1,9 @@
+'use client'
+
+import useSWR from 'swr'
+
+export default function Page() {
+  const { data, isLoading } = useSWR('/api/promise')
+
+  return <div>{isLoading ? 'loading...' : data?.value}</div>
+}

e2e/site/next.config.js

@@ -1,8 +1,4 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {
-  experimental: {
-    serverActions: true,
-  },
-}
+const nextConfig = {}
 
 module.exports = nextConfig

e2e/site/package.json

@@ -12,7 +12,7 @@
     "@types/node": "^20.2.5",
     "@types/react": "^18.2.8",
     "@types/react-dom": "18.2.4",
-    "next": "^13.4.4",
+    "next": "^14.1.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "typescript": "5.1.3",

e2e/test/suspense-fallback.test.ts

@@ -0,0 +1,11 @@
+/* eslint-disable testing-library/prefer-screen-queries */
+import { test, expect } from '@playwright/test'
+
+test.describe('suspense fallback', () => {
+  test('should wait for promise fallback value to be resolved', async ({
+    page
+  }) => {
+    await page.goto('./suspense-fallback/promise', { waitUntil: 'commit' })
+    await expect(page.getByText('async promise')).toBeVisible()
+  })
+})

package.json

@@ -145,7 +145,7 @@
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "lint-staged": "13.2.2",
-    "next": "14.1.0",
+    "next": "14.1.4",
     "prettier": "2.8.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

src/index/config.ts

@@ -0,0 +1,5 @@
+'use client'
+
+// TODO: fix SWRConfig re-use issue with bundler
+import { SWRConfig as S } from '../_internal'
+export const SWRConfig = S

src/index/index.react-server.ts

@@ -1,2 +1,2 @@
 export { unstable_serialize } from '../core/serialize'
-export { SWRConfig } from '../_internal'
+export { SWRConfig } from './config'