Next js sass loader forever loading?

Question

Node.js

Hello, I decided to use the next.js framework for the rendering server, and when I transferred the React application, there was an overlay with Sass . when I built in webpack manually using loader, everything worked. and here, following
Link 's guide and the rest, it turned out to be an eternal download.
even without errors, purely
[wait] compiling ...
if you delete next.config.js, then at least the error shows that the scss file was not found.

import React from 'react';
import ReactDOM from 'react-dom';
import './style/index.scss';
import App from './components/App';

// import Provider from "react-redux/es/components/Provider";
import {BrowserRouter} from "react-router-dom";

ReactDOM.render(/*<Provider store={store}>*/<BrowserRouter><App/></BrowserRouter>/*</Provider>*/, document.getElementById('root'));

here is my index.js

{
  "name": "fakgram",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "next"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "@zeit/next-css": "latest",
    "@zeit/next-sass": "^1.0.1",
    "axios": "^0.19.0",
    "next": "^9.1.3",
    "node-sass": "^4.13.0",
    "react": "^16.11.0",
    "react-dom": "^16.11.0",
    "react-router-dom": "^5.1.2"
  },
  "devDependencies": {
    "file-loader": "^4.2.0",
    "next-compose-plugins": "^2.2.0",
    "url-loader": "^2.2.0"
  }
}

everything you need is installed, I don’t understand