Typescript: Property 'href' does not exist on SVGUseElement

Created on 28 Mar 2017  路  2Comments  路  Source: microsoft/TypeScript


TypeScript Version: 2.2.2

Code
In React:

Property 'href' does not exist on type 'SVGProps<SVGUseElement>'.

Expected behavior:
The MDN SVGUseElement does not include the href property but I believe it is required to actually 'use' it. If you look here xlink:href was used in the example. However, that has now been deprecated in SVG 2 to drop the xlink namespace, see here.

Actual behavior:
Allow href property

External
Source
picture jacobwindsor

Most helpful comment

This comes from a definition file
https://github.com/DefinitelyTyped/DefinitelyTyped/blob/354cec620daccfa0ad167ba046651fb5fef69e8a/types/react/index.d.ts

React does not list href as a supported SVG property.
https://facebook.github.io/react/docs/dom-elements.html

See also
http://stackoverflow.com/questions/26815738/svg-use-tag-and-reactjs

It looks like you want xlinkHref instead

picture RyanCavanaugh on 28 Mar 2017
👍4

All 2 comments

Where is SVGProps defined?

mhegazy picture mhegazy on 28 Mar 2017

This comes from a definition file
https://github.com/DefinitelyTyped/DefinitelyTyped/blob/354cec620daccfa0ad167ba046651fb5fef69e8a/types/react/index.d.ts

React does not list href as a supported SVG property.
https://facebook.github.io/react/docs/dom-elements.html

See also
http://stackoverflow.com/questions/26815738/svg-use-tag-and-reactjs

It looks like you want xlinkHref instead

RyanCavanaugh picture RyanCavanaugh on 28 Mar 2017
👍4
Was this page helpful?
0 / 5 - 0 ratings

Related issues

remojansen picture remojansen  路  3Comments
weswigham picture weswigham  路  3Comments
zhuravlikjb picture zhuravlikjb  路  3Comments
Zlatkovsky picture Zlatkovsky  路  3Comments
CyrusNajmabadi picture CyrusNajmabadi  路  3Comments