I can`t delete prefix in className in svg

How I understand, @svgr/webpack add prefix (name of svg) for className (for React Project). For example, if my svg named ‘name1.svg’ and had class=“class1”, in browser I see className=“name1_class1”. I want delete prefix and I try use svgo plugin options:

    test: /\.svg$/,
      include: PATHS.images,
      use: [{
        loader: '@svgr/webpack',
        options: {
          svgoConfig: {
            plugins: [{
              prefixIds: false
            }]
          }
        }
      }]

Also I use another options:

    test: /\.svg$/,
      include: PATHS.images,
      use: [{
        loader: '@svgr/webpack',
        options: {
          svgoConfig: {
            plugins: [{
              cleanupIDs: {
                prefix: ''
              }
            }]
          }
        }
      }]

But it doesn`t work. Please, help me how delete a prefix for className

“@svgr/webpack”: “^5.2.0”, “webpack”: “^4.41.5”,

[ggluta]

This is the correct config that eventually worked for me, with the mention that I am using NextJS, so the following snippet is part of my next.config.js file.

webpack: (config) => {
    config.module.rules.push({
      test: /\.svg$/i,
      issuer: /\.[jt]sx?$/,
      use: {
        loader: '@svgr/webpack',
        options: {
          svgoConfig: {
            plugins: [
              {
                name: 'prefixIds',
                active: false
              }
            ]
          }
        }
      }
    })
    return config
  }

[qizeng19]

let me show you the direct code

      options:{
        svgo:true,
        svgoConfig : {
          plugins:[
            {
              name: "prefixIds",
              params: {
                prefixIds: false,
                prefixClassNames: false
              }
            },
          ]
        }
      }```