Integration with React Hook Form

[carvalhodanielg]

First of all, thanks for the amazing job building mui-tel-input, great job!

My question is, there is any chance of mui-tel-input being updated so it can be used wit react-hook-form so we can use it inside forms and work with better validation schemas.

In my custom input component, we use somethinig like this, so we can pass the register property and destructure it inside our base mui component.

<CustomInput register={register} name="name" />

<OutlinedInput {...(props.register && props.name && props.register(props.name))} />

[viclafouch]

Hey ! I don't think there is any problem to use React-Hook-Form with MuiTelInput.

Here a simple example : https://codesandbox.io/s/react-hook-form-with-mui-tel-input-o530m7

Currently working on a website documentation for MuiTelInput. I let this issue opened until the documentation is ready.

[viclafouch]

Hey !

A documented page for React Hook Form is available here : https://viclafouch.github.io/mui-tel-input/docs/react-hook-form/

[carvalhodanielg]

Wow! Thank you very much for the answer and great documentation!

I saw your example and it really helped me!! I needed use it in a diferent way, because I am working with React Hook Form + Yup for validation. But it helped a lot. Once again, thank you very much!!