title: Can I use React Bootstrap with Next.js?
body: <p>Does anyone know if you can use <code>react-bootstrap</code> with Next.js? I am using the latest versions of both, I can provide code at this point, but right now my app is not throwing any errors, it is just not registering any of my <code>react-bootstrap</code> components. Maybe there is some trick that I have not been able to find on the internet? I can provide code or file structure if that helps. Thanks in advance!</p>
  <h2>next.config.js</h2>
  <pre><code>const withCSS = require('@zeit/next-css')
  
  module.exports = withCSS({
      /* my next config */
  })
  </code></pre>
  <h2>pages/index.js</h2>
  <pre><code>import Badge from 'react-bootstrap/Badge';
  import &quot;../public/css/bootstrap.css&quot;;
  const Index = () =&gt; (
      &lt;div&gt;
          &lt;p className='display-4'&gt;Hello&lt;/p&gt;
          &lt;Badge&gt;Heading&lt;/Badge&gt;
      &lt;/div&gt;
  )
  
  export default Index;
  </code></pre>
  <h2>package.json</h2>
  <pre><code>{
    &quot;name&quot;: &quot;vacation-app&quot;,
    &quot;version&quot;: &quot;1.0.0&quot;,
    &quot;description&quot;: &quot;&quot;,
    &quot;main&quot;: &quot;index.js&quot;,
    &quot;scripts&quot;: {
      &quot;dev&quot;: &quot;next&quot;,
      &quot;build&quot;: &quot;next build&quot;,
      &quot;start&quot;: &quot;next start&quot;
    },
    &quot;keywords&quot;: [],
    &quot;author&quot;: &quot;&quot;,
    &quot;license&quot;: &quot;ISC&quot;,
    &quot;dependencies&quot;: {
      &quot;@zeit/next-css&quot;: &quot;^1.0.1&quot;,
      &quot;next&quot;: &quot;^9.1.1&quot;,
      &quot;react&quot;: &quot;^16.10.2&quot;,
      &quot;react-bootstrap&quot;: &quot;^1.0.0-beta.14&quot;,
      &quot;react-dom&quot;: &quot;^16.10.2&quot;
    }
  }
  </code></pre>