title: Create React App Server Side Rendering SCSS Webpack Error
body: <p>I needed to add the blogs in our web app and to make our app configure for SEO therefore I'm trying to add SSR support in my current create react app. I'm trying react hydrate and react render method. I'm getting following error while building the app.</p>
  <pre><code>ERROR in ./src/assets/scss/theme.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/assets/scss/theme.scss)
  Module build failed (from ./node_modules/css-loader/dist/cjs.js):
  Error: Can't resolve '../../../../fonts/materialdesignicons-webfont.eot?v=5.0.45' in '/home/muhammadwaqastekrowe/dev/tekrowe/speetar-react-frontend/src/assets/scss'
      at /home/muhammadwaqastekrowe/dev/tekrowe/speetar-react-frontend/node_modules/enhanced-resolve/lib/Resolver.js:209:21
      at /home/muhammadwaqastekrowe/dev/tekrowe/speetar-react-frontend/node_modules/enhanced-resolve/lib/Resolver.js:285:5
      at eval (eval at create (/home/muhammadwaqastekrowe/dev/tekrowe/speetar-react-frontend/node_modules/tapable/lib/HookCodeFactory.js:33:10), &lt;anonymous&gt;:15:1)
      at /home/muhammadwaqastekrowe/dev/tekrowe/speetar-react-frontend/node_modules/enhanced-resolve/lib/UnsafeCachePlugin.js:44:7
      at /home/muhammadwaqastekrowe/dev/tekrowe/speetar-react-frontend/node_modules/enhanced-resolve/lib/Resolver.js:285:5
      at eval (eval at create (/home/muhammadwaqastekrowe/dev/tekrowe/speetar-react-frontend/node_modules/tapable/lib/HookCodeFactory.js:33:10), &lt;anonymous&gt;:15:1)
      at /home/muhammadwaqastekrowe/dev/tekrowe/speetar-react-frontend/node_modules/enhanced-resolve/lib/Resolver.js:285:5
      at eval (eval at create (/home/muhammadwaqastekrowe/dev/tekrowe/speetar-react-frontend/node_modules/tapable/lib/HookCodeFactory.js:33:10), &lt;anonymous&gt;:27:1)
      at /home/muhammadwaqastekrowe/dev/tekrowe/speetar-react-frontend/node_modules/enhanced-resolve/lib/DescriptionFilePlugin.js:67:43
      at /home/muhammadwaqastekrowe/dev/tekrowe/speetar-react-frontend/node_modules/enhanced-resolve/lib/Resolver.js:285:5
      at eval (eval at create (/home/muhammadwaqastekrowe/dev/tekrowe/speetar-react-frontend/node_modules/tapable/lib/HookCodeFactory.js:33:10), &lt;anonymous&gt;:16:1)
      at /home/muhammadwaqastekrowe/dev/tekrowe/speetar-react-frontend/node_modules/enhanced-resolve/lib/Resolver.js:285:5
      at eval (eval at create (/home/muhammadwaqastekrowe/dev/tekrowe/speetar-react-frontend/node_modules/tapable/lib/HookCodeFactory.js:33:10), &lt;anonymous&gt;:16:1)
      at /home/muhammadwaqastekrowe/dev/tekrowe/speetar-react-frontend/node_modules/enhanced-resolve/lib/Resolver.js:285:5
      at eval (eval at create (/home/muhammadwaqastekrowe/dev/tekrowe/speetar-react-frontend/node_modules/tapable/lib/HookCodeFactory.js:33:10), &lt;anonymous&gt;:16:1)
      at /home/muhammadwaqastekrowe/dev/tekrowe/speetar-react-frontend/node_modules/enhanced-resolve/lib/Resolver.js:285:5
      at eval (eval at create (/home/muhammadwaqastekrowe/dev/tekrowe/speetar-react-frontend/node_modules/tapable/lib/HookCodeFactory.js:33:10), &lt;anonymous&gt;:15:1)
      at /home/muhammadwaqastekrowe/dev/tekrowe/speetar-react-frontend/node_modules/enhanced-resolve/lib/DirectoryExistsPlugin.js:27:15
      at /home/muhammadwaqastekrowe/dev/tekrowe/speetar-react-frontend/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:85:15
      at processTicksAndRejections (internal/process/task_queues.js:75:11)
   @ ./src/assets/scss/theme.scss 2:12-140 9:17-24 13:15-22
   @ ./src/App.js
   @ ./server/index.js
  </code></pre>
  <p>Webpack configuration</p>
  <pre><code> {
     test: /\.s[ac]ss$/i,
     use: [
        // Creates `style` nodes from JS strings
        &quot;style-loader&quot;,
        // Translates CSS into CommonJS
        &quot;css-loader&quot;,
        // Compiles Sass to CSS
        &quot;sass-loader&quot;,
     ],
   }
  </code></pre>
  <p>Dev dependencies</p>
  <pre><code>&quot;devDependencies&quot;: {
      &quot;@babel/core&quot;: &quot;^7.10.4&quot;,
      &quot;@babel/plugin-proposal-class-properties&quot;: &quot;^7.13.0&quot;,
      &quot;@babel/preset-env&quot;: &quot;^7.10.4&quot;,
      &quot;@babel/preset-react&quot;: &quot;^7.10.4&quot;,
      &quot;babel-loader&quot;: &quot;^8.1.0&quot;,
      &quot;css-loader&quot;: &quot;^5.2.2&quot;,
      &quot;cssnano&quot;: &quot;^5.0.1&quot;,
      &quot;node-sass&quot;: &quot;^4.14.1&quot;,
      &quot;nodemon&quot;: &quot;^2.0.4&quot;,
      &quot;npm-run-all&quot;: &quot;^4.1.5&quot;,
      &quot;postcss-loader&quot;: &quot;^5.2.0&quot;,
      &quot;prettier&quot;: &quot;2.2.1&quot;,
      &quot;sass&quot;: &quot;^1.32.8&quot;,
      &quot;sass-loader&quot;: &quot;^7.3.1&quot;,
      &quot;style-loader&quot;: &quot;^2.0.0&quot;,
      &quot;webpack&quot;: &quot;^4.42.0&quot;,
      &quot;webpack-cli&quot;: &quot;^3.3.12&quot;,
      &quot;webpack-node-externals&quot;: &quot;^1.7.2&quot;
    }
  </code></pre>