replace keyof ReactSVG with SVGElementType

[aslilac]

Closes #2667

What is the purpose of this pull request?

• New Icon
• Bug fix
• New Feature
• Documentation update
• Other:

Description

The ReactSVG type has been removed from @types/react 19. The suggested replacement (at least, for lucide's use case) is to use SVGElementType instead.

The two imports removed from createLucideIcon.ts were actually unused and do not need to be replaced.

The use of import type in lucide-react/src/types.ts brings it in sync with lucide-react-native/src/types.ts.

Before Submitting

• I've read the Contribution Guidelines.
• I've checked if there was an existing PR that solves the same issue.

[ericfennis]

@aslilac Thanks for the heads-up.
Hmm, SVGElementType is specific to @types/react 19, which means that a project with an older version will not work.
So I think a better idea is to define the element in ReactSVG ourselves so we are not dependent on @types/react

[ericfennis]

Replace types with custom ones.

[ericfennis]

Suggested change

	export type IconNode = [elementName: SVGElementType, attrs: Record<string, string>][];
	type ElementName =
	'circle'
	| 'ellipse'
	| 'g'
	| 'line'
	| 'path'
	| 'polygon'
	| 'polyline'
	| 'rect';
	export type IconNode = [elementName: ElementName, attrs: Record<string, string>][];

[ericfennis]

Can you provide this list exactly?
The other elements are never used by the icon nodes we provide.

[aslilac]

I think a better idea is to define the element in ReactSVG ourselves so we are not dependent on @types/react

That sounds like a good call. I vendored in its definition, with links to the original source.