Import scss file from _app.tsx not working

[manhthepixta]

My app.tsx file:

import { AppProps } from 'next/app';
import { Provider } from 'react-redux';
import { PersistGate } from 'redux-persist/integration/react';

import { appWithTranslation } from 'i18n';
import { store, persistor } from 'store';

import './_app.scss';

const MyApp = ({ Component, pageProps }: AppProps) => (
    <PersistGate loading={null} persistor={persistor}>
        <Provider store={store}>
            <Component {...pageProps} />
        </Provider>
    </PersistGate>
);

export default appWithTranslation(MyApp);

My next.config.js:

module.exports = {
    onDemandEntries: {
        maxInactiveAge: 25 * 1000,
        pagesBufferLength: 2,
    },
    sassOptions: {
        includePaths: [],
    },
};

The styles in _app.scss not working. Please help.

[manhthepixta]

Sorry resolved my problem.
The _app.scss should be put in styles folder