Solid: <use xlinkHref="..."/> rendered as <use xlink-href="..."/> instead of xlink:href

Created on 13 Jul 2020  路  3Comments  路  Source: ryansolid/solid

<use xlink:href=".."/> not working too
```ParseError: /src/components/icon/Icon.jsx
TypeError: /Volumes/sites/admin_solid/src/components/icon/Icon.jsx: attr.name.name.toLowerCase is not a function
at /Volumes/sites/admin_solid/node_modules/babel-plugin-jsx-dom-expressions/index.js:1157:31

bug

All 3 comments

Fixed in 0.18.14 of solid and babel-preset-solid. Use the namespace form xlink:href

I just came across this, and even though this has long been solved in solid, my VScode JSX formatter still yells at me for this.

You can also get around this by using {'<use xlink:href="..."/>'}

I am hoping with TS adding support for JSX Namespaces in 4.2 that tooling will improve to support it. It might take some time if no one is using it.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

kavsingh picture kavsingh  路  4Comments

Ziriax picture Ziriax  路  4Comments

cliqqz picture cliqqz  路  3Comments

trueadm picture trueadm  路  4Comments

Yakulu picture Yakulu  路  4Comments