JS3
JS3

Reputation: 1849

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

enter image description here

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" />}
/>

Upvotes: 0

Views: 531

Answers (1)

Ansh Saini
Ansh Saini

Reputation: 415

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

Import it from the lab

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

Upvotes: 2

Related Questions