diff --git a/packages/example/src/lib/TextInput.tsx b/packages/example/src/lib/TextInput.tsx
index 743261c..d678adc 100644
--- a/packages/example/src/lib/TextInput.tsx
+++ b/packages/example/src/lib/TextInput.tsx
@@ -1,16 +1,20 @@
import { TextField } from "@radix-ui/themes"
import { Effect } from "effect"
import { Component } from "effect-fc"
-import { Hooks } from "effect-fc/hooks"
+import { useInput } from "effect-fc/hooks"
import { JSX } from "react"
export namespace TextInput {
- export interface Props extends Hooks.useInput.Options, TextField.RootProps {}
+ export interface Props extends useInput.Options, TextField.RootProps {}
}
-export class TextInput extends Component.make(Effect.fnUntraced(function* TextInput (props: TextInput.Props) {
- return <>>
-})).pipe(
+export class TextInput extends Component.make(
+ Effect.fnUntraced(function* TextInput (props: TextInput.Props) {
+ const input = yield* useInput(props)
+ return <>>
+ })
+).pipe(
Component.withFunctionComponentSignature<(props: TextInput.Props) => JSX.Element>()
) {}
+TextInput["~Error"]
\ No newline at end of file