next.config.js

/** @type {import('next').NextConfig} */

module.exports = {
  compiler: {
    // emotion:
    //   boolean |
    //   {
    //     // default is true. It will be disabled when build type is production.
    //     sourceMap: boolean,
    //     // default is 'dev-only'.
    //     autoLabel: 'never' | 'dev-only' | 'always',
    //     // default is '[local]'.
    //     // Allowed values: `[local]` `[filename]` and `[dirname]`
    //     // This option only works when autoLabel is set to 'dev-only' or 'always'.
    //     // It allows you to define the format of the resulting label.
    //     // The format is defined via string where variable parts are enclosed in square brackets [].
    //     // For example labelFormat: "my-classname--[local]", where [local] will be replaced with the name of the variable the result is assigned to.
    //     labelFormat: string,
    //   },
    reactStrictMode: true,
    swcMinify: true,
  },
};

module.exports = {
  compiler: {
    emotion: true,
  },
  webpack: (config) => {
    config.module.rules.push({
      test: /\.svg$/,
      use: ['@svgr/webpack'],
    });
    return config;
  },
};