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