Issue with Schema.Option(Schema.String) and react-hook-form

// Schema definition
export const formSchema = Schema.Struct({
  content: Schema.String.pipe(
    Schema.nonEmpty({ message: () => "Required" }),
  ),

  selectedDocumentId: Schema.Option(Schema.String),
});

// form creation
const form = useForm<Schema.Schema.Type<typeof formSchema>>({
  resolver: effectTsResolver(formSchema),
  defaultValues: {
    content: "",
    selectedDocumentId: Option.none(), // typescript works here 👍
  },
});

// later in a <Select /> component

<Select
  onValueChange={(x) => {
    field.onChange(Option.some(x));
  }}
  defaultValue={Option.getOrUndefined(field.value)}
>
  {/* blablabla *}
</Select>