title: Use Pure Bootstrap v4 on ReactJs is NOT working
body: <p>I was desperately want to use pure Bootstrap v4 on my React.js app. I created my app using create-react-app. So, i put Bootstrap assets on index.html (in public folder). </p>
  
  <p>At the first try, it was working well. Then, i added some dependencies like <code>react-router-dom</code>, <code>react-router-config</code>, and <code>prop-types</code>. Suddenly, it displayed almost a blank page. </p>
  
  <p><strong>1) Project Folder</strong></p>
  
  <p><a href="https://i.stack.imgur.com/Il7Ad.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Il7Ad.png" alt="enter image description here"></a></p>
  
  <p><strong>2) kodebaru/webpack.config.js</strong></p>
  
  <pre><code>const path = require('path');
  
  module.exports = {
    entry: path.join(__dirname, '/client/src/index.jsx'),
  
    output: {
      path: path.join(__dirname, '/client/dist/js'),
      filename: 'app.js',
    },
  
    module: {
      loaders: [
        {
          test: /\.jsx?$/,
          include: path.join(__dirname, '/client/src'),
          loader: 'babel-loader',
          query: {
            presets: ["react", "es2015"]
          }
        }
      ]
    },
  
    watch: true
  };
  </code></pre>
  
  <p><strong>3) kodebaru/server.js</strong></p>
  
  <pre><code>const express = require('express');
  const path = require('path');
  const app = express();
  
  app.use(express.static(path.resolve(__dirname, './backend/static/')));
  app.use(express.static(path.resolve(__dirname, './client/dist/')));
  
  app.get('*', (req, res) =&gt; {
    res.sendFile(path.resolve(__dirname, './backend/static/', 'index.html'));
  });
  
  const PORT = process.env.PORT || 3500;
  
  app.listen(PORT, () =&gt; {
    console.log(`App listening on port ${PORT}!`);
  });
  </code></pre>
  
  <p><strong>4) kodebaru/backend/static/index.html</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"&gt;
      &lt;title&gt;Kodebaru&lt;/title&gt;
      &lt;link rel="stylesheet" href="./bootstrap/bootstrap.min.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="root"&gt;&lt;/div&gt;
  
      &lt;script src="/js/app.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>5) result</strong></p>
  
  <p><a href="https://i.stack.imgur.com/ovl0K.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ovl0K.png" alt="enter image description here"></a></p>
  
  <p><strong>6) Warning Message</strong></p>
  
  <p><a href="https://i.stack.imgur.com/Nwx3R.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Nwx3R.png" alt="enter image description here"></a></p>
  
  <p>I knew there is a framework bootstrap for react app (<a href="https://i.stack.imgur.com/ovl0K.png" rel="nofollow noreferrer">reactstrap</a>). But, this time i want to know how to use pure bootstrap v4 in react app ?</p>