diff --git a/packages/effect-fc/src/Component.ts b/packages/effect-fc/src/Component.ts
index 6cf7585..36205bf 100644
--- a/packages/effect-fc/src/Component.ts
+++ b/packages/effect-fc/src/Component.ts
@@ -34,7 +34,7 @@ const ComponentProto = Object.freeze({
     ...Effectable.CommitPrototype,
     [TypeId]: TypeId,
 
-    commit: Effect.fn("Component")(function* <P extends {}, E, R>(this: Component<P, E, R>) {
+    commit: Effect.fnUntraced(function* <P extends {}, E, R>(this: Component<P, E, R>) {
         const self = this
         const runtimeRef = React.useRef<Runtime.Runtime<Exclude<R, Scope.Scope>>>(null!)
         runtimeRef.current = yield* Effect.runtime<Exclude<R, Scope.Scope>>()
diff --git a/packages/effect-fc/src/hooks/useCallbackPromise.ts b/packages/effect-fc/src/hooks/useCallbackPromise.ts
index 5e093ef..be075ea 100644
--- a/packages/effect-fc/src/hooks/useCallbackPromise.ts
+++ b/packages/effect-fc/src/hooks/useCallbackPromise.ts
@@ -11,6 +11,8 @@ export const useCallbackPromise: {
     callback: (...args: Args) => Effect.Effect<A, E, R>,
     deps: React.DependencyList,
 ) {
-    const runtime = yield* Effect.runtime<R>()
-    return React.useCallback((...args: Args) => Runtime.runPromise(runtime)(callback(...args)), deps)
+    const runtimeRef = React.useRef<Runtime.Runtime<R>>(null!)
+    runtimeRef.current = yield* Effect.runtime<R>()
+
+    return React.useCallback((...args: Args) => Runtime.runPromise(runtimeRef.current)(callback(...args)), deps)
 })
diff --git a/packages/effect-fc/src/hooks/useCallbackSync.ts b/packages/effect-fc/src/hooks/useCallbackSync.ts
index 07ffd84..44a41cc 100644
--- a/packages/effect-fc/src/hooks/useCallbackSync.ts
+++ b/packages/effect-fc/src/hooks/useCallbackSync.ts
@@ -11,6 +11,8 @@ export const useCallbackSync: {
     callback: (...args: Args) => Effect.Effect<A, E, R>,
     deps: React.DependencyList,
 ) {
-    const runtime = yield* Effect.runtime<R>()
-    return React.useCallback((...args: Args) => Runtime.runSync(runtime)(callback(...args)), deps)
+    const runtimeRef = React.useRef<Runtime.Runtime<R>>(null!)
+    runtimeRef.current = yield* Effect.runtime<R>()
+
+    return React.useCallback((...args: Args) => Runtime.runSync(runtimeRef.current)(callback(...args)), deps)
 })