title: Error: 'node-sass' version 5.0.0 is incompatible with ^4.0.0
body: <p>I've created a blank React project, using the command: <code>npx create-react-app</code> on npm v7.0.7 and Node.js v15.0.1</p>
  <p>Installed:</p>
  <ul>
  <li>React v17.0.1,</li>
  <li>node-sass v5.0.0,</li>
  </ul>
  <p>Then I tried to import a blank .scss file to the App component:</p>
  <h3>File <em>App.js</em></h3>
  <pre><code>import './App.scss'
  
  function App() {
    return (
      &lt;div className=&quot;App&quot;&gt;
        App
      &lt;/div&gt;
    );
  }
  
  export default App;
  </code></pre>
  <p><em><strong>It throws an error:</strong></em></p>
  <pre><code>Failed to compile.
  
  ./src/App.scss (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/s
  ass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/App.scss)
  Error: Node Sass version 5.0.0 is incompatible with ^4.0.0.
  </code></pre>
  <h3>File <em>package.json</em></h3>
  <pre><code>{
    &quot;name&quot;: &quot;react-17-node-sass-5&quot;,
    &quot;version&quot;: &quot;0.1.0&quot;,
    &quot;private&quot;: true,
    &quot;dependencies&quot;: {
      &quot;@testing-library/jest-dom&quot;: &quot;^5.11.5&quot;,
      &quot;@testing-library/react&quot;: &quot;^11.1.0&quot;,
      &quot;@testing-library/user-event&quot;: &quot;^12.1.10&quot;,
      &quot;node-sass&quot;: &quot;^5.0.0&quot;,
      &quot;react&quot;: &quot;^17.0.1&quot;,
      &quot;react-dom&quot;: &quot;^17.0.1&quot;,
      &quot;react-scripts&quot;: &quot;4.0.0&quot;,
      &quot;web-vitals&quot;: &quot;^0.2.4&quot;
    },
   ...
  
    }
  }
  </code></pre>