Material Labのコンポーネントラボ> SVGアイコンのオートコンプリート機能を使用してコンパイルエラー

ブラウザでプロジェクトを実行すると、次のエラーが発生しました。

コンパイルに失敗しました：

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

Autocompleteコンポーネントを実装しようとしています（「複数の値」セクションの例から）。

これが私が使っているコードです：

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

NPMでSVGアイコンをインストールしようとしました：

npm install @material-ui/icons

そして、それらを私のTypeScriptにインポートします。

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

しかし、まだ上記のエラーがあります。この問題を解決するにはどうすればよいですか？

@material-ui/core実行して更新してみてください

npm update

最新バージョンのMaterial-UIプロジェクトCHANGELOG（この回答を書いている時点ではv4.9.9）で説明されているように、createSvgIcon

チームの完全な会話はここにあります。

問題が発生したのはいつですか？

Reactプロジェクトを実行しているときに、からのオートコンプリートコンポーネントを使用したいと思いました@material-ui/lab。

どのように解決したのですか？

@material-ui/core次のコマンドを使用してパッケージをv4.9.9 にアップグレードしました。

yarn upgrade @material-ui/core --latest