Installation — @piplup/rhf-adapters (@mui/material)

@piplup/rhf-adapters/mui-material provides pre-integrated Material UI components and adapter hooks for React Hook Form.

First, install the core packages, if not installed already:

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

Then install the adapters package together with the MUI Material peer dependencies:

npm install @piplup/rhf-adapters @mui/material @emotion/react @emotion/styled

Import

import {
  MuiTextFieldElement,
  useMuiTextFieldAdapter,
} from "@piplup/rhf-adapters/mui-material";

Use /mui-material subpath when you want MUI components to participate in form state, validation, helper text composition, and react-hook-form controlled value handling without writing the wiring yourself.

See also

• Components
• Hooks
• useControllerAdapter