title: All imports in import declaration are unused. Components imported from reactstrap cannot be recognized
body: <p>I am trying to use the reactstrap dependency in my web application but all imports cannot be recognized.</p>
  
  <p>I have tried re-installing and checked the source folder for the dependencies and they seemed alright. I'm using the MERN stack and am running both servers from the client(react, port 3000) and server side (port 5000).</p>
  
  <pre><code> import React, { Component } from "react";
   import {
   Collapse,
   Navbar,
   NavbarToggler,
   NavbarBrand,
   Nav,
   NavItem,
   NavLink,
   Container
  } from "reactstrap";
  </code></pre>
  
  <p>The import {...,...,...} from "reactstrap" has become light colored in the editor and I got a message saying that all imports in the declaration are unused.</p>
  
  <p>Below is the information from the package.json</p>
  
  <pre><code>{
    "name": "client",
    "version": "0.1.0",
    "private": true,
    "dependencies": {
    "bootstrap": "^4.3.1",
    "jquery": "^3.4.1",
    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "react-scripts": "3.0.1",
    "react-transition-group": "^4.1.0",
    "reactstrap": "^8.0.0",
    "typescript": "^3.5.1",
    "uuid": "^3.3.2"
     },
    "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject"
     },
     "proxy": "http://localhost:5000",
     "eslintConfig": {
     "extends": "react-app"
     },
     "browserslist": {
     "production": [
      "&gt;0.2%",
      "not dead",
      "not op_mini all"
       ],
       "development": [
       "last 1 chrome version",
       "last 1 firefox version",
       "last 1 safari version"
        ]
       } 
      }
  </code></pre>