From f8b356ef3957353fa787ba3daf908b7804fae3fb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julien=20Valverd=C3=A9?= <julien.valverde@mailo.com>
Date: Thu, 7 Aug 2025 05:18:21 +0200
Subject: [PATCH] Fix

---
 packages/effect-fc/src/Component.ts    | 2 +-
 packages/example/src/lib/TextInput.tsx | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/effect-fc/src/Component.ts b/packages/effect-fc/src/Component.ts
index 9843bb8..9dd4419 100644
--- a/packages/effect-fc/src/Component.ts
+++ b/packages/effect-fc/src/Component.ts
@@ -115,7 +115,7 @@ export const make = <Args extends readonly any[], A extends React.ReactNode, E,
 )
 
 export const withFunctionComponentSignature: {
-    <F extends FunctionComponent>(): <T extends Component<F, any, any>>(self: T) =>
+    <F extends FunctionComponent>(): <T extends Component<any, any, any>>(self: T) =>
         & Omit<T, keyof Component.AsComponent<T>>
         & Component<F, Component.Error<T>, Component.Context<T>>
 } = () => identity
diff --git a/packages/example/src/lib/TextInput.tsx b/packages/example/src/lib/TextInput.tsx
index bd232d8..743261c 100644
--- a/packages/example/src/lib/TextInput.tsx
+++ b/packages/example/src/lib/TextInput.tsx
@@ -1,12 +1,16 @@
 import { TextField } from "@radix-ui/themes"
+import { Effect } from "effect"
 import { Component } from "effect-fc"
 import { Hooks } from "effect-fc/hooks"
+import { JSX } from "react"
 
 
 export namespace TextInput {
     export interface Props<A, R> extends Hooks.useInput.Options<A, R>, TextField.RootProps {}
 }
 
-export class TextInput extends Component.make(function* TextInput(props: TextInput.Props<A, R>) {
+export class TextInput extends Component.make(Effect.fnUntraced(function* TextInput <A, R>(props: TextInput.Props<A, R>) {
     return <></>
-}) {}
+})).pipe(
+    Component.withFunctionComponentSignature<<A, R>(props: TextInput.Props<A, R>) => JSX.Element>()
+) {}