packages/example/src/routes/dev/async-rendering.tsx

@@ -2,7 +2,7 @@ import { runtime } from "@/runtime"
 import { Flex, Text, TextField } from "@radix-ui/themes"
 import { createFileRoute } from "@tanstack/react-router"
 import { GetRandomValues, makeUuid4 } from "@typed/id"
-import { Effect } from "effect"
+import { Effect, Types } from "effect"
 import { Component, Memoized, Suspense } from "effect-fc"
 import { Hooks } from "effect-fc/hooks"
 import * as React from "react"
@@ -64,9 +64,11 @@ class AsyncComponent extends Component.make(Effect.fnUntraced(function* AsyncCom
         </Flex>
     )
 })).pipe(
-    Suspense.suspense,
-    Suspense.withOptions({ defaultFallback: <p>Loading...</p> }),
+    // Suspense.suspense,
+    // Suspense.withOptions({ defaultFallback: <p>Loading...</p> }),
 ) {}
+const AsyncComponent2 = Suspense.withOptions(Suspense.suspense(AsyncComponent), {})
+type T = Types.Simplify<typeof AsyncComponent2>
 class MemoizedAsyncComponent extends Memoized.memo(AsyncComponent) {}
 
 class SubComponent extends Component.make(Effect.fnUntraced(function* SubComponent() {