Work

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

@@ -8,7 +8,7 @@ import * as React from "react"
 
 
 const RouteComponent = Component.make(function* AsyncRendering() {
-    const VAsyncComponent = yield* Component.useSuspenseFC(AsyncComponent)
+    const VAsyncComponent = yield* Component.useFC(AsyncComponent)
     const [input, setInput] = React.useState("")
 
     return <>
@@ -34,7 +34,9 @@ const AsyncComponent = Component.make(function* AsyncComponent() {
         <Text>Rendered!</Text><br />
         <VSubComponent />
     </>
-})
+}).pipe(
+    Component.suspense
+)
 
 const SubComponent = Component.make(function* SubComponent() {
     const [state] = React.useState(yield* Hook.useOnce(() => Effect.provide(makeUuid4, GetRandomValues.CryptoRandom)))