Fix

packages/example/src/routes/async.tsx

@@ -26,10 +26,12 @@ class AsyncFetchPostView extends Component.make("AsyncFetchPostView")(function*(
         Effect.andThen(Schema.decodeUnknown(Post)),
     ), [props.id])
 
-    return <div>
-        <Heading>{post.title}</Heading>
-        <Text>{post.body}</Text>
-    </div>
+    return (
+        <div>
+            <Heading>{post.title}</Heading>
+            <Text>{post.body}</Text>
+        </div>
+    )
 }).pipe(
     Async.async,
     Memoized.memoized,
@@ -48,7 +50,9 @@ const AsyncRouteComponent = Component.make("AsyncRouteView")(function*() {
                     onValueChange={flow(Array.head, Option.getOrThrow, setId)}
                 />
 
-                <AsyncFetchPost id={id} />
+                <React.Suspense fallback={<Text>Loading...</Text>}>
+                    <AsyncFetchPost id={id} />
+                </React.Suspense>
             </Flex>
         </Container>
     )