title: Issues getting Offcanvas working with reactstrap
body: <p>I'm working with an old react app. I want to use the Offcanvas component that's in reactstrap but the version I'm on does that not that installed.</p>
  <p>Since the app is rather old I tried to do a pass and update everything at once. This however broke the app. So to keep my sanity I'm trying to only update the reactstrap lib. I ran <code>npm update reactstrap</code> <code>npm update bootstrap</code> and <code>npm update react-bootstrap</code> but I'm still getting a warning <code>&quot;export 'Offcanvas' was not found in 'reactstrap'</code></p>
  <p>I do not have that much experience when it comes to react so I'm struggling when it comes to updates and configurations. Any advice on this issues and a general way to debug this would be extremely welcomed.</p>
  <p>Here's my package json</p>
  <pre><code>{
      &quot;private&quot;: true,
      &quot;scripts&quot;: {
          &quot;dev&quot;: &quot;npm run development&quot;,
          &quot;development&quot;: &quot;cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js&quot;,
          &quot;watch&quot;: &quot;npm run development -- --watch&quot;,
          &quot;watch-poll&quot;: &quot;npm run watch -- --watch-poll&quot;,
          &quot;hot&quot;: &quot;cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js&quot;,
          &quot;prod&quot;: &quot;npm run production&quot;,
          &quot;production&quot;: &quot;cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js&quot;
      },
      &quot;devDependencies&quot;: {
          &quot;@babel/plugin-proposal-class-properties&quot;: &quot;^7.7.0&quot;,
          &quot;@babel/plugin-transform-runtime&quot;: &quot;^7.17.0&quot;,
          &quot;@babel/preset-react&quot;: &quot;^7.7.0&quot;,
          &quot;axios&quot;: &quot;^0.19&quot;,
          &quot;bootstrap&quot;: &quot;^4.3.1&quot;,
          &quot;cross-env&quot;: &quot;^5.2.1&quot;,
          &quot;jquery&quot;: &quot;^3.2&quot;,
          &quot;laravel-mix&quot;: &quot;^4.1.4&quot;,
          &quot;lodash&quot;: &quot;^4.17.15&quot;,
          &quot;popper.js&quot;: &quot;^1.16.0&quot;,
          &quot;react&quot;: &quot;^16.11.0&quot;,
          &quot;react-dom&quot;: &quot;^16.11.0&quot;,
          &quot;resolve-url-loader&quot;: &quot;^2.3.1&quot;,
          &quot;sass&quot;: &quot;^1.23.3&quot;,
          &quot;sass-loader&quot;: &quot;^7.3.1&quot;
      },
      &quot;dependencies&quot;: {
          &quot;@babel/runtime&quot;: &quot;^7.17.9&quot;,
          &quot;@fortawesome/fontawesome-svg-core&quot;: &quot;^1.2.25&quot;,
          &quot;@fortawesome/free-solid-svg-icons&quot;: &quot;^5.11.2&quot;,
          &quot;@fortawesome/react-fontawesome&quot;: &quot;^0.1.7&quot;,
          &quot;@yaireo/tagify&quot;: &quot;^4.8.1&quot;,
          &quot;datepicker&quot;: &quot;0.0.0&quot;,
          &quot;query-string&quot;: &quot;^6.9.0&quot;,
          &quot;react-autosuggest&quot;: &quot;^9.4.3&quot;,
          &quot;react-bootstrap&quot;: &quot;^2.0.0-rc.0&quot;,
          &quot;react-confirm-alert&quot;: &quot;^2.4.1&quot;,
          &quot;react-draggable&quot;: &quot;^3.3.2&quot;,
          &quot;react-router-dom&quot;: &quot;^5.1.2&quot;,
          &quot;react-switch&quot;: &quot;^5.0.1&quot;,
          &quot;react-table&quot;: &quot;^7.7.0&quot;,
          &quot;react-tabs&quot;: &quot;^3.0.0&quot;,
          &quot;reactstrap&quot;: &quot;^8.1.1&quot;,
          &quot;recharts&quot;: &quot;^1.8.5&quot;,
          &quot;styled-components&quot;: &quot;^5.3.0&quot;
      }
  }
  </code></pre>