I was trying to develop reusable text field component using Material UI and reach-hook-form. I was referring following examples (first one is from react-hook-form docs, second one is this repo): Can we use [this](https://react-hook-form.com/ts#UseFormReturn) example from `react-hook-form` docs to introduce generic type in your `FormInputProps` type FormProps = { onSubmit: SubmitHandler; children: (methods: UseFormReturn) => React.ReactNode; }; const Form = = Record>({ onSubmit, children }: FormProps) => { const methods = useForm(); return ( ); }; Related code in this repo: //https://github.com/Mohammad-Faisal/react-hook-form-material-ui/blob/master/src/form-components/FormInputProps.ts export interface FormInputProps { name: string; control: any; label: string; setValue?: any; } //https://github.com/Mohammad-Faisal/react-hook-form-material-ui/blob/master/src/form-components/FormInputText.tsx import React from "react"; import { Controller, useFormContext } from "react-hook-form"; import TextField from "@material-ui/core/TextField"; import { FormInputProps } from "./FormInputProps"; export const FormInputText = ({ name, control, label }: FormInputProps) => { return ( ( )} /> ); }; After analyzing both, I came up with following: import { TextField } from "@mui/material"; import { Controller, UseFormReturn } from "react-hook-form"; interface IRhfTextBoxProps { name: string; methods: UseFormReturn; } // export const RhfTextBox = (props : IRhfTextBoxProps) => { //##1 export const RhfTextBox = = Record>( // ##2 similar to example 1 props: IRhfTextBoxProps ) => { return ( ( )} /> ); }; But, both lines `##1` and `##2` in above code gives following error at line `##3`: Type 'string' is not assignable to type 'Path'. The detailed error message is as follows: The expected type comes from property 'name' which is declared here on type 'IntrinsicAttributes & { render: ({ field, fieldState, formState, }: { field: ControllerRenderProps>; fieldState: ControllerFieldState; formState: UseFormStateReturn<...>; }) => ReactElement<...>; } & UseControllerProps<...>' Why am I getting this error?

GitHub Explorer

react-hook-form-material-ui

Score Breakdown

Production Dependencies (19)

Production Dependencies (19)

Development Dependencies (1)

Issues Activity: Last 6 months

Hottest Issues