Material UI autocomplete not being recognized


I'm using React. This is the version of the material-ui and I do not update want to update to the material-ui v5 since most of what I'm working on is written in v4

It says that Autocomplete' is not exported from '@material-ui/core'. This is how I imported it

import {
  Grid,
  Card,
  makeStyles,
  CardHeader,
  CardContent,
  TextField, 
  Autcomplete
} from "@material-ui/core";

This is also the sample Autocomplete that I plan to use:

<Autocomplete
  disablePortal
  id="combo-box-demo"
  options={top100Films}
  sx={{ width: 300 }}
  renderInput={(params) => <TextField {...params} label="Movie" />}
/>
---------------Answer---------------

Autocomplete is not part of @material-ui/core in Mui v4.

Import it from the lab

import Autocomplete from '@material-ui/lab/Autocomplete';

Previous : looking for object with certain local variable in an array list
Next : String transformation for subject course code for Dart/Flutter