React + Storybook + SCSS modules not working

Describe the bug Storybook doesn’t build/run with suggested changes for SCSS compatibility with modules. Edit: Just tested without modules and changing file extension from css to scss also breaks it

To Reproduce Create a new React app with Typescript (per React) npx create-react-app my-app --template typescript

Add Storybook (per Storybook) npx sb init

Add SCSS compatibility (per Storybook) by using SCSS preset

Here’s the repository. After npm run storybook, this is the error I get:

ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: expected "{".
  ╷
2 │       import API from "!../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js";
  │                                                                                                  ^
  ╵
  src\stories\button.module.scss 2:98  root stylesheet
    at processResult (C:\workspace\omegafox-components\node_modules\webpack\lib\NormalModule.js:758:19)
    at C:\workspace\omegafox-components\node_modules\webpack\lib\NormalModule.js:860:5
    at C:\workspace\omegafox-components\node_modules\loader-runner\lib\LoaderRunner.js:399:11
    at C:\workspace\omegafox-components\node_modules\loader-runner\lib\LoaderRunner.js:251:18
    at context.callback (C:\workspace\omegafox-components\node_modules\loader-runner\lib\LoaderRunner.js:124:13)
    at Object.loader (C:\workspace\omegafox-components\node_modules\sass-loader\dist\index.js:69:5)
    at runNextTicks (node:internal/process/task_queues:61:5)
    at processImmediate (node:internal/timers:437:9)

I’ve tried npx sb@next repro but it didn’t work:

[FelipeZNascimento]

Just tried again from scratch, repeating step by step from Storybook docs and it’s still not working. Tried downgrading sass-loader to 10.2.1, still not working.

It’s a brand new installation of React + Storybook with SASS following the app documentation and it’s broken, it’s kinda nuts that this is still on “needs triage” tag 1 month after the bug was created.

[auri179]

"sass": "^1.49.9",
"sass-loader": "^10.2.1",
"style-loader": "^3.3.1",
"typescript": "~4.3.5"

After downgrade still same error