about less modules

my code is as follows config-overrides.js

const { override, fixBabelImports, addLessLoader } = require('customize-cra');

module.exports = override(
  fixBabelImports('import', {
    libraryName: 'antd',
    libraryDirectory: 'es',
    style: true,
  }),
  addLessLoader({
      localIdentName: "[name]__[local]--[hash:base64:5]",
    javascriptEnabled: true,
    modifyVars: { '@primary-color': '#25b864' },
  }),
);

There’s no problem when it’s used like this import './index.less';

I want to use a. Less file like this

import styles from './index.less';
import cls from 'classnames';

When I print like this console.log('styles:',styles) the result is {}

When I change the .less file to the .module.less file, an error will be reported again

why？

[unsafeFunction]

@shx996 This is not working in my case. Now I get an error
`ValidationError: Invalid options object. CSS Loader has been initialized using an options object that does not match the API schema.

• options has an unknown property ‘localIdentName’. These properties are valid: object { url?, import?, modules?, sourceMap?, importLoaders?, localsConvention?, onlyLocals?, esModule? } `

[ghost]

Right：xxx.module.less