next.config.js

/** @type {import('next').NextConfig} */
/* const nextConfig = {
  reactStrictMode: true,
}; */

const withAntdLess = require('next-plugin-antd-less');

module.exports = withAntdLess({
  reactStrictMode: true,

  // You can directly change the antd less variables here
  // modifyVars: { '@primary-color': '#f200ff' },

  // Or better still you can specify a path to a file
  lessVarsFilePath: './styles/variables.less',
  // optional
  lessVarsFilePathAppendToEndOfContent: false,
  // optional https://github.com/webpack-contrib/css-loader#object
  cssLoaderOptions: {},

  // Other Config Here...

  webpack(config) {
    config.module.rules.push({
      test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
      use: [
        {
          loader: 'babel-loader',
        },
        {
          loader: '@svgr/webpack',
          options: {
            babel: false,
            icon: true,
          },
        },
      ],
    });
    return config;
  },
});