remix-submit-on-headlessui-switch-change

example.tsx

function ExampleForm() {
  const submit = useSubmit()
  const formRef = useRef<HTMLFormElement>(null)
    
  const submitOnChange = useCallback(() => {
    if (formRef?.current) {
      submit(formRef.current, { replace: true })
  }, [formRef, submit])
    
  return (
    <Form ref={formRef}>
      <Switch onChange={submitOnChange}>
        ...
      </Switch>
    </Form>
}