node-sass v5.0.0 compilation error

Created by: nhevia

Describe the bug

Installing node-sass as recommended in the documentation to have SASS support returns following error on compilation:

Error: Node Sass version 5.0.0 is incompatible with ^4.0.0

sass-loader was updated to v10.0.5 for supporting node-sass v5.0.0 (https://github.com/webpack-contrib/sass-loader/pull/899), but react-scripts is pinned to sass-loader 8.0.0. This means that every fresh installation (or update) which is using node-sass will end up with this error on yarn/npm start.

Did you try recovering your dependencies?

Not applicable

Which terms did you search for in User Guide?

Not applicable

Environment

All

Steps to reproduce

npx create-react-app sass-error-compilation
cd sass-error-compilation
yarn add node-sass
Modify App.css to App.scss. Change extension in App.js as well.
yarn start

Expected behavior

Scss files compiled to css without sass-loader returning an error.

Actual behavior

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/sass-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.