add setting to stop module change class names to BEM style

🚀 Feature Proposal

its simple. in my svg file I have:

<g class="rejected-badge"></g>

but in my output I get this:

<g class="MyIconNameComponent__rejected-badge"></g>

could you add option to compile time like native option so I can set it to not modify my class name to BEM style.

Motivation

I have multiple icon with common class names and I want to add some general style in css file for them

Example

{
   test: /\.svg/,
    use: [
      {
            loader: '@svgr/webpack',
            options: {
              bem: false,
            },
        },
     ],
},

[zeorin]

I came across this same issue when migrating a site from Create React App to Next.js. CRA bundles SVGR in its Webpack setup, whilst Next.js doesn’t. CRA doesn’t rewrite the ids in SVGs loaded this way, so I had a look at their code, and setting it up like that works (ids are not re-written): https://github.com/facebook/create-react-app/blob/main/packages/react-scripts/config/webpack.config.js#L364-L377

[Grsmto]

.svgo.yml

plugins:
  - prefixIds: false