error Unknown property 'mask-type' found react/no-unknown-property

[JustFly1984]

The property in question is on svg element, so may be add it to allowed list?

[ljharb]

Can you share the jsx for this? I see mask on MDN, and mask-type CSS, but not a mask-type attribute.

I do see gregberge/svgr#336 which suggests it might apply to <mask> elements though?

[sandgraham]

Just chiming in- saw this error pop up on some inline SVG like so:

<mask
  mask-type="alpha"
  maskUnits="userSpaceOnUse"
  x="100"
  y="150"
  width="100"
  height="150"
>
  <path d="..." />
</mask>

Note, changing the property to maskType also reveals that it isn't a type on lib.dom SVGMaskElement yet.

The draft spec defines it as applying to mask elements and, notably, as a "presentation attribute", which, from what I can tell in the SVG 1.1 spec, should be assignable as an inline attribute.

...there is a corresponding XML attribute (the presentation attribute) with the same name that is available on all relevant SVG elements

[ljharb]

That "corresponding" stuff is very, very confusing. It'd be great to get confirmation from someone who works on the SVG specs.

[sandgraham]

I filed an issue with W3C to try and get some clarification: w3c/fxtf-drafts#480. Let me know if I missed something!