Installation — @piplup/rhf-adapters (mui-tel-input)

React Hook Form adapters for mui-tel-input components and custom telephone-input composition.

@piplup/rhf-adapters/mui-tel-input connects mui-tel-input components to react-hook-form.

npm install @piplup/rhf-core react-hook-form

Then, install the adapters package together with the MUI Material and mui-tel-input peer dependencies:

npm install @piplup/rhf-adapters @mui/material @emotion/react @emotion/styled @mui/x-date-pickers mui-tel-input

Import

import { MuiTelInputElement, useMuiTelInputAdapter } from "@piplup/rhf-adapters/mui-tel-input";

Use /mui-tel-input subpath when you need mui-tel-input components to stay in sync with react-hook-form.