How to get less loading with react-app-rewire

config-overrides.js

const webpack = require('webpack');
const externals = require('./config-externals');
const packageJson = require('./package.json');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');

module.exports = {
    // The Webpack config to use when compiling your react app for development or production.
    webpack: function(config, env) {

      
        // the file-loader wins if you just append a custom rule to module.rules.
        const rule = config.module.rules.find(rule => rule.oneOf);
        rule.oneOf.unshift({
            test: /\.less$/,
            use: [
                env === 'production'
                  ? MiniCssExtractPlugin.loader
                  : require.resolve('style-loader'),
                require.resolve('css-loader'),
                require.resolve('less-loader'),
            ],
        });
        return config;
    },
};