packages/effect-fc/src/ReactComponent.ts

@@ -61,12 +61,20 @@ export const use: {
 })
 
 export const withRuntime: {
-    <E, R, P extends {} = {}>(context: React.Context<Runtime.Runtime<R>>): (self: ReactComponent<E, R | Scope.Scope, P>) => React.FC<P>
-    <E, R, P extends {} = {}>(self: ReactComponent<E, R | Scope.Scope, P>, context: React.Context<Runtime.Runtime<R>>): React.FC<P>
-} = Function.dual(2, <E, R, P extends {}>(
+    <E, R, P extends {} = {}>(
+        context: React.Context<Runtime.Runtime<R>>,
+        options?: ReactHook.ScopeOptions,
+    ): (self: ReactComponent<E, R | Scope.Scope, P>) => React.FC<P>
+    <E, R, P extends {} = {}>(
         self: ReactComponent<E, R | Scope.Scope, P>,
         context: React.Context<Runtime.Runtime<R>>,
+        options?: ReactHook.ScopeOptions,
+    ): React.FC<P>
+} = Function.dual(3, <E, R, P extends {}>(
+    self: ReactComponent<E, R | Scope.Scope, P>,
+    context: React.Context<Runtime.Runtime<R>>,
+    options?: ReactHook.ScopeOptions,
 ): React.FC<P> => function WithRuntime(props) {
     const runtime = React.useContext(context)
-    return React.createElement(Runtime.runSync(runtime)(useFC(self)), props)
+    return React.createElement(Runtime.runSync(runtime)(useFC(self, options)), props)
 })

packages/example/src/routes/index.tsx

@@ -13,6 +13,6 @@ export const Route = createFileRoute("/")({
         }),
 
         ReactComponent.withDisplayName("Index"),
-        ReactComponent.withRuntime(runtime.context),
+        ReactComponent.withRuntime(runtime.context, { finalizerExecutionMode: "fork" }),
     )
 })