This is a wrapper on react-hook-form with some additional Benefits.
- Use multiple form in your component without need to managing context of them.
- Be type safe when use all of react-hook-form utils.
Create Context
constFormContext=createFormContext({param: "",});functionApp(){return(<FormContext.Providermode="submit"revalidateMode="onChange">
...rest
</FormContext.Provider>);}//In your Componentconst{ param }=FormContext.useWatch();<FormContext.Controllername="param"render={({field})=><input{...field}>}/>