mobx-react-hook-form

Simple react-hook-form wrapper for MobX.

Usage

1import { reaction } from "mobx";
2import { observer } from "mobx-react-lite";
3import { Form } from "mobx-react-hook-form";
4
5const form = new Form({
6  resolver: valibotResolver(
7    v.object({
8      username: v.string('This field is required')
9    })
10  ),
11  onSubmit: ({ username }) => {
12    console.info("nick username", username);
13  },
14  onSubmitFailed: () => {
15    //
16  },
17  onReset: () => {
18    //
19  }
20})
21
22
23const YourView = observer(() => {
24  return (
25    <form onSubmit={form.submit} onReset={form.reset}>
26      <Controller control={form.control} name={'username'} render={...} />
27    </form>
28  )
29})
30