mui-rhf-integration
Version:
React Hook Form integration for MUI with strict TypeScript handling based on form context.
12 lines (11 loc) • 887 B
TypeScript
import { TextFieldProps } from '@mui/material';
import { ReactNode } from 'react';
import { Control, FieldPath, FieldValues, RegisterOptions } from 'react-hook-form';
export type RhfTextFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<TextFieldProps, "error" | "onChange" | "onBlur" | "value" | "inputRef"> & {
control: Control<TFieldValues>;
name: TName;
rules?: Omit<RegisterOptions<NoInfer<TFieldValues>, NoInfer<TName>>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled">;
maxCharacters?: number;
};
declare const RhfTextField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ control, name, rules, maxCharacters, ...rest }: RhfTextFieldProps<TFieldValues, TName>) => ReactNode;
export default RhfTextField;