Warning: React does not recognize the `maskType` prop on a DOM element. about babel-plugin-inline-react-svg

[ljharb]

This is something svgo is doing, so you'd need to configure it with svgo options. Off the top of my head, I'm not sure what those would be.

[mateuscdomingos]

Hi, @ljharb!

I opened an issue there in the SVGO repository, they recommended me to write this plugin:

const renameMaskType = {
  name: 'renameMaskType',
  type: 'visitor',
  fn: () => {
    return {
      element: {
        enter: node => {
          node.attributes['mask-type'] = node.attributes.maskType
          delete node.attributes.maskType
        }
      }
    }
  }
}

If I create the svgo.config.js file, it doesn't work. Do you know how I can configure it?

[brada1703]

I'm also experiencing this issue. @MateusCastro , did you find a solution?