Skip to content
This repository has been archived by the owner on Nov 1, 2022. It is now read-only.

Invalid DOM property for dash-case SVG attributes, such as stroke-width #32

Open
csepulv opened this issue Jun 13, 2019 · 0 comments
Open

Comments

@csepulv
Copy link

csepulv commented Jun 13, 2019

If your SVG component has properties like stroke-width, you get the following console warning.

Warning: Invalid DOM property `stroke-width`. Did you mean `strokeWidth`?
    in path (created by MorphTransition)
    in svg (created by MorphTransition)
    in MorphTransition (created by MorphReplace)
    in MorphReplace (created by App)
    in div (created by App)
    in App

It would seem strokeWidth (camelCase) should be used instead, but helpers.js and normalizeSvg.js expect the dash-case versions.

Is there a reason it doesn't use camelCase, as would seem more typical in React? Any idea on how to get rid of the warning?

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant