TypeError: Cannot read property 'current' of undefined

[naveensuthi]

import React from "react"; import { InputLabel, Select, MenuItem, Button, Grid, Typography, } from "@material-ui/core";

import FormInput from "./CustomTextField";

import { useForm, FormProvider } from "react-hook-form";

const AddressForm = () => { const methods = useForm(); return ( <>

Shipping Address

  <FormProvider {...methods}>
    <form onSubmit="">
      <Grid container spacing={3}>
        <FormInput required name="firstName" label="First Name" />
      </Grid>
    </form>
  </FormProvider>
</>

); };

export default AddressForm;