title: Unable to use react-bootstrap in react typescript project even after adding @types/react-bootstrap to my project
body: <p>I am unable to use the react-bootstrap components in my react typescript project even after adding &quot;@types/react-bootstrap&quot;.</p>
  <p>React Bootstrap is listed in the package.json file.</p>
  <p>This is my SideBar component.</p>
  <pre><code>import React from &quot;react&quot;;
  import { Navbar } from &quot;react-bootstrap&quot;;
  
  const SideBar: React.FC = () =&gt; {
    return (
      &lt;&gt;
        &lt;Navbar bg=&quot;dark&quot; variant=&quot;dark&quot;&gt;
          &lt;Navbar.Brand href=&quot;#home&quot;&gt;
            &lt;img alt=&quot;logo&quot; src=&quot;./logo.png&quot; width=&quot;30&quot; height=&quot;30&quot; className=&quot;d-inline-block align-top&quot; /&gt; React Bootstrap
          &lt;/Navbar.Brand&gt;
        &lt;/Navbar&gt;
      &lt;/&gt;
    );
  };
  
  export default SideBar;
  </code></pre>
  <p>This is index.tsx file</p>
  <pre><code>import React from &quot;react&quot;;
  import ReactDOM from &quot;react-dom&quot;;
  import &quot;./index.css&quot;;
  import App from &quot;./App&quot;;
  import * as serviceWorker from &quot;./serviceWorker&quot;;
  import &quot;../node_modules/bootstrap/dist/css/bootstrap.min.css&quot;;
  
  ReactDOM.render(
    &lt;React.StrictMode&gt;
      &lt;App /&gt;
    &lt;/React.StrictMode&gt;,
    document.getElementById(&quot;root&quot;)
  );
  
  // If you want your app to work offline and load faster, you can change
  // unregister() to register() below. Note this comes with some pitfalls.
  serviceWorker.unregister();
  </code></pre>
  <p>This is my error</p>
  <pre><code>Failed to compile.
  
  /Users/kishore/Documents/truexam-admin/node_modules/react-bootstrap/esm/index.d.ts
  TypeScript error in /Users/kishore/Documents/truexam-admin/node_modules/react-bootstrap/esm/index.d.ts(2,1):
  Declaration or statement expected.  TS1128
  
      1 | export { default as Accordion } from './Accordion';
    &gt; 2 | export type { AccordionProps } from './Accordion';
        | ^
      3 | export { default as AccordionContext } from './AccordionContext';
      4 | export { default as AccordionCollapse } from './AccordionCollapse';
      5 | export type { AccordionCollapseProps } from './AccordionCollapse';
  </code></pre>