title: Typescript / Import declaration conflicts with local declaration of 'Snackbar'
body: <p>I want to use Snackbar Material UI component in my react App.
  For the record, my app is written in Typescript.</p>
  <p>I am having issues when trying to import the component. The import line says:
  Import declaration conflicts with local declaration of 'Snackbar'.ts(2440)</p>
  <p>Then in the render method, when I try to use it the IDE says:
  'Snackbar' refers to a value, but is being used as a type here. Did you mean 'typeof Snackbar'?ts(2749).</p>
  <p>Is VS Code trolling me? (a friend at my work tried the same code and it worked)</p>
  <p>The code I tried to use is <a href="https://material-ui.com/es/components/snackbars/#simple-snackbars" rel="nofollow noreferrer">here</a>.</p>
  <p>This is my setup:</p>
  <pre><code>  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 =&gt; 4.11.0 
      @material-ui/icons: ^4.9.1 =&gt; 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 =&gt; 16.9.52 
      react: ^16.13.1 =&gt; 16.14.0 
      react-dom: ^16.13.1 =&gt; 16.14.0 
      typescript: ^3.9.7 =&gt; 3.9.7 
  </code></pre>