Erro de compilação usando o recurso Component Lab> Autocomplete para ícones SVG na interface do usuário do material

Eu recebi o seguinte erro ao executar meu projeto no navegador:

Falha ao compilar:

./node_modules/@material-ui/lab/esm/internal/svg-icons/Close.js
Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'.

Estou tentando implementar o componente de preenchimento automático (a partir do exemplo na seção "Vários valores").

Aqui está o código que estou usando:

import React from 'react';
import Chip from '@material-ui/core/Chip';
import Autocomplete from '@material-ui/lab/Autocomplete';
import TextField from '@material-ui/core/TextField';

<Autocomplete
        multiple
        id="tags-standard"
        options={top100Films}
        getOptionLabel={(option) => option.title}
        defaultValue={[top100Films[13]]}
        renderInput={(params) => (
          <TextField
            {...params}
            variant="standard"
            label="Multiple values"
            placeholder="Favorites"
          />
        )}
      />

Tentei instalar o SVG Icons by NPM:

npm install @material-ui/icons

E depois importá-los para o meu TypeScript:

import createSvgIcon from '@material-ui/icons/utils/createSvgIcon';

Mas ainda tenho o erro acima. Como posso resolver esse problema?

Você pode tentar atualizar @material-ui/coreexecutando

npm update

Conforme descrito no material-UI projeto CHANGELOG da versão mais recente (que é v4.9.9 o tempo que eu estou escrevendo esta resposta), há uma mudança relacionada comcreateSvgIcon

A conversa completa da equipe pode ser encontrada aqui .

Quando eu encontrei o problema?

Ao executar um projeto React e eu queria usar o componente Preenchimento automático a partir de @material-ui/lab.

Como eu resolvi isso?

I atualizado @material-ui/corepacote para v4.9.9 usando este comando:

yarn upgrade @material-ui/core --latest