Fix the root error boundary during suspense in ssr (#4710)

* Fix the root error boundary during suspense in ssr

* fix some typos

packages/playwright-tests/fullstack-routing.spec.js

@@ -42,6 +42,19 @@ test("error route", async ({ request }) => {
   expect(response.status()).toBe(500);
 });
 
+// The async error route should return 500
+test("async error route", async ({ request }) => {
+  await waitForBuild(request);
+  const response = await request.get("http://localhost:8888/async-error");
+
+  expect(response.status()).toBe(500);
+
+  // Expect the response to contain the error message
+  const errorMessage = "Async error from a server function";
+  const text = await response.text();
+  expect(text).toContain(errorMessage);
+});
+
 // An unknown route should return 404
 test("unknown route", async ({ request }) => {
   await waitForBuild(request);

packages/playwright-tests/fullstack-routing/src/main.rs

@@ -30,6 +30,9 @@ enum Route {
     #[route("/error")]
     ThrowsError,
 
+    #[route("/async-error")]
+    ThrowsAsyncError,
+
     #[route("/can-go-back")]
     HydrateCanGoBack,
 }
@@ -52,6 +55,20 @@ fn ThrowsError() -> Element {
     )));
 }
 
+#[component]
+fn ThrowsAsyncError() -> Element {
+    #[server]
+    async fn error_after_delay() -> ServerFnResult<()> {
+        tokio::time::sleep(std::time::Duration::from_millis(100)).await;
+        Err(ServerFnError::new("Async error from a server function"))
+    }
+
+    use_server_future(error_after_delay)?().unwrap()?;
+    rsx! {
+        "Hello, world!"
+    }
+}
+
 #[component]
 fn Home() -> Element {
     let route: Route = use_route();