Monaco-Editor example with module.scss

[benebsiny]

I ran the example https://github.com/vercel/next.js/tree/canary/examples/with-monaco-editor and it worked. But in the example, I can't use module.scss to render other components.
It showed the message:

error - ./pages/index.module.scss 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> .text {
|     color: red;
|     font-size: 22px;

What should I do?

[idirmosh]

make sure you have sass installed

npm install sass

[benebsiny]

I've installed it. But it showed the same message.

[benebsiny]

Ok I found a solution. Use @monaco-editor/react instead of react-monaco-editor, I can use it directly without any other settings. It works fine very much with next.js