Warning: Invalid DOM property `xmlns:xlink`. Did you mean `xmlnsXlink`?

🙋Get Help
1

error
error658×758 16.6 KB

2

Hello @ujesh.kc

Welcome to the Frontity community, you will need to provide a way to understand and reproduce the issue you are facing if you want to get help.

Please provide a link to your site or a repo so the community can take a look and help you.

3

Hi @ujesh.kc

I had the same Issue. It’s a React convention. Since JSX is JavaScript, identifiers such as class and for are discouraged as XML attribute names. Instead, React DOM components expect DOM property names like className and htmlFor , respectively.

I fixed it by changing those props in the SVG File. e.g. ‘stroke-width’ into ‘strokeWidth’ or ‘fill-rule’ into ‘fillRule’.

Let me know if this works for you.

Best,
Dejan

1 Like
4

‘stroke-width’ into ‘strokeWidth’ or ‘fill-rule’ into ‘fillRule’, This will cause the original svg display to change