From 782629d5b36c4879eba96fd3a03c51e74e8a2005 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julien=20Valverd=C3=A9?= <julien.valverde@mailo.com>
Date: Sun, 29 Jun 2025 18:20:46 +0200
Subject: [PATCH] Refactoring

---
 .../effect-components/src/ReactComponent.ts   | 39 ++++++++++++-------
 1 file changed, 26 insertions(+), 13 deletions(-)

diff --git a/packages/effect-components/src/ReactComponent.ts b/packages/effect-components/src/ReactComponent.ts
index e143951..118b6ac 100644
--- a/packages/effect-components/src/ReactComponent.ts
+++ b/packages/effect-components/src/ReactComponent.ts
@@ -8,22 +8,35 @@ export interface ReactComponent<P, E, R> {
 }
 
 
-export const use = <P, E, R>(
+export const useFC: {
+    <P, E, R>(
+        self: ReactComponent<P, E, R>,
+        options?: ReactHook.ScopeOptions,
+    ): Effect.Effect<React.FC<P>, never, Exclude<R, Scope.Scope>>
+} = Effect.fn(function* useFC<P, E, R>(
+    self: ReactComponent<P, E, R>,
+    options?: ReactHook.ScopeOptions,
+) {
+    const runtime = yield* Effect.runtime<Exclude<R, Scope.Scope>>()
+
+    return React.useCallback((props: P) => Runtime.runSync(runtime)(
+        self(props) as Effect.Effect<React.ReactNode, E, Exclude<R, Scope.Scope>>
+    ), [])
+})
+
+export const use: {
+    <P, E, R>(
+        self: ReactComponent<P, E, R>,
+        fn: (Component: React.FC<P>) => React.ReactNode,
+        options?: ReactHook.ScopeOptions,
+    ): Effect.Effect<React.ReactNode, never, Exclude<R, Scope.Scope>>
+} = Effect.fn(function* use<P, E, R>(
     self: ReactComponent<P, E, R>,
     fn: (Component: React.FC<P>) => React.ReactNode,
     options?: ReactHook.ScopeOptions,
-): Effect.Effect<React.ReactNode, never, Exclude<R, Scope.Scope>> => Effect.map(
-    Effect.runtime(),
-    runtime => fn(props => FC(self as ReactComponent<P, E, Exclude<R, Scope.Scope>>, runtime, props, options)),
-)
-
-export const useFC = <P, E, R>(
-    self: ReactComponent<P, E, R>,
-    options?: ReactHook.ScopeOptions,
-): Effect.Effect<React.FC<P>, never, Exclude<R, Scope.Scope>> => Effect.map(
-    Effect.runtime(),
-    runtime => props => FC(self as ReactComponent<P, E, Exclude<R, Scope.Scope>>, runtime, props, options),
-)
+) {
+    return fn(yield* useFC(self, options))
+})
 
 
 const FC = <P, E, R>(