'TextField' is not defined react/jsx-no-undef

I'm new to ReactJs. I got this error when I'm trying on a tutorial. My form.js file is,

import React,{UseState, useEffect} from 'react' import { Grid } from '@material-ui/core';

const initialFvalues ={      id:0,      fullName:'',     }  

export default function form(){

const [values,setValues] = UseState(initialFvalues);    return(      <form>          <Grid>              <Grid container>                  <Grid item xs={6}><TextField variant="Outlined" label="Full Name" value={values.fullName}/></Grid>              </Grid>          </Grid>      </form>  )  

}

The error is:

src\Pages\Inputs\form.js  

TextField' is not defined react/jsx-no-undef

Can someone please help

https://stackoverflow.com/questions/67378643/textfield-is-not-defined-react-jsx-no-undef May 04, 2021 at 12:03PM