fix component to suspend

package.json

@@ -69,16 +69,16 @@
   },
   "devDependencies": {
     "@antfu/eslint-config": "^2.24.1",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.3.0",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.2",
     "@vitejs/plugin-react": "^4.3.3",
     "@vitest/browser": "^2.1.0",
     "bumpp": "^9.4.2",
     "changelogithub": "^0.13.9",
     "eslint": "^9.8.0",
     "playwright": "^1.46.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "tsup": "^8.2.4",
     "tsx": "^4.17.0",
     "typescript": "^5.5.4",

test/fixtures/SuspendedHelloWorld.tsx

@@ -0,0 +1,19 @@
+import { use } from 'react'
+
+let fakeCacheLoaded = false
+const fakeCacheLoadPromise = new Promise<void>((resolve) => {
+  setTimeout(() => {
+    fakeCacheLoaded = true
+    resolve()
+  }, 100)
+})
+
+export function SuspendedHelloWorld({ name }: { name: string }): React.ReactElement {
+  if (!fakeCacheLoaded) {
+    use(fakeCacheLoadPromise)
+  }
+
+  return (
+    <div>{`Hello ${name}`}</div>
+  )
+}

test/render.test.tsx

@@ -4,6 +4,7 @@ import { page } from '@vitest/browser/context'
 import { render } from '../src/index'
 import { HelloWorld } from './fixtures/HelloWorld'
 import { Counter } from './fixtures/Counter'
+import { SuspendedHelloWorld } from './fixtures/SuspendedHelloWorld'
 
 test('renders simple component', async () => {
   const screen = await render(<HelloWorld />)
@@ -19,11 +20,12 @@ test('renders counter', async () => {
   await expect.element(screen.getByText('Count is 2')).toBeVisible()
 })
 
-test('renders child component on mount for suspense boundary which is not suspending', async () => {
-  const { getByText } = await render(<HelloWorld name="Vitest" />, {
+test('waits for suspended boundaries', async () => {
+  const { getByText } = await render(<SuspendedHelloWorld name="Vitest" />, {
     wrapper: ({ children }) => (
       <Suspense fallback={<div>Suspended!</div>}>{children}</Suspense>
     ),
   })
+  await expect.element(getByText('Suspended!')).toBeInTheDocument()
   await expect.element(getByText('Hello Vitest')).toBeInTheDocument()
 })