Input tests

packages/example/src/lib/TextFieldInput.tsx

@@ -1,14 +1,15 @@
 import { Callout, Flex, TextField } from "@radix-ui/themes"
-import { Option, ParseResult, Schema } from "effect"
+import { Option, ParseResult, Schema, Struct } from "effect"
 import { Component } from "effect-fc"
 import { useInput } from "effect-fc/hooks"
 import * as React from "react"
 
 
-export interface TextFieldInputProps<A, R> extends Omit<useInput.Options<A, R>, "schema"> {
-    readonly textFieldRootProps: Omit<TextField.RootProps, "children">
-    readonly children?: React.ReactNode
-}
+export interface TextFieldInputProps<A, R>
+extends
+    Omit<useInput.Options<A, R>, "schema">,
+    Omit<TextField.RootProps, "ref">
+{}
 
 export const TextFieldInput = <A, R>(
     schema: Schema.Schema<A, string, R>
@@ -29,9 +30,7 @@ export const TextFieldInput = <A, R>(
             {Option.isSome(issues) &&
                 <Callout.Root color="red" role="alert">
                     <Callout.Text>
-                        <ul>
-                            {issues.value.map(issue => <li>{issue.message}</li>)}
-                        </ul>
+                        <ul>{issues.value.map((issue, i) => <li key={i}>{issue.message}</li>)}</ul>
                     </Callout.Text>
                 </Callout.Root>
             }
@@ -39,10 +38,8 @@ export const TextFieldInput = <A, R>(
             <TextField.Root
                 value={input.value}
                 onChange={input.onChange}
-                {...props.textFieldRootProps}
-            >
-                {props.children}
-            </TextField.Root>
+                {...Struct.omit(props, "ref")}
+            />
         </Flex>
     )
 })