打字稿/导入声明与“Snackbar”的本地声明冲突

如何解决打字稿/导入声明与“Snackbar”的本地声明冲突

我想在我的 React App 中使用 Snackbar Material UI 组件。为了记录，我的应用程序是用 Typescript 编写的。

我在尝试导入组件时遇到问题。进口行说：导入声明与 'Snackbar'.ts(2440) 的本地声明冲突

然后在渲染方法中，当我尝试使用它时，IDE 说： 'Snackbar' 指的是一个值，但在这里被用作一种类型。您的意思是 'typeof Snackbar' 吗？ts(2749)。

VS Code 是不是在欺骗我？（我工作的一个朋友尝试了相同的代码并且成功了）

我尝试使用的代码是 here。

这是我的设置：

  System:
    OS: Linux 5.4 Ubuntu 18.04.5 LTS (Bionic Beaver)
  Binaries:
    Node: 12.19.1 - /usr/bin/node
    Yarn: 1.22.5 - /usr/bin/yarn
    npm: 7.5.4 - /usr/bin/npm
  browsers:
    Chrome: 88.0.4324.150
    Firefox: Not Found
  npmPackages:
    @material-ui/core: ^4.11.0 => 4.11.0 
    @material-ui/icons: ^4.9.1 => 4.9.1 
    @material-ui/styles:  4.10.0 
    @material-ui/system:  4.9.14 
    @material-ui/types:  5.1.0 
    @material-ui/utils:  4.10.2 
    @types/react: ^16.9.41 => 16.9.52 
    react: ^16.13.1 => 16.14.0 
    react-dom: ^16.13.1 => 16.14.0 
    typescript: ^3.9.7 => 3.9.7