fix: IconProps type is incompatible with icons components (#1078)

abdulbasithqb · web-flow · commit 214c8cbfdac0 · 2024-04-30T22:17:34.000+02:00
diff --git a/packages/icons-react/src/types.ts b/packages/icons-react/src/types.ts
@@ -4,7 +4,7 @@ export type { ReactNode } from 'react';
 
 export type IconNode = [elementName: keyof ReactSVG, attrs: Record<string, string>][];
 
-export interface IconProps extends Partial<Omit<React.SVGProps<SVGSVGElement>, 'stroke'>> {
+export interface IconProps extends Partial<Omit<React.ComponentPropsWithoutRef<'svg'>, 'stroke'>> {
   size?: string | number;
   stroke?: string | number;
 }

Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,7 @@ export type { ReactNode } from 'react';`
`4`	`4`
`5`	`5`	`export type IconNode = [elementName: keyof ReactSVG, attrs: Record<string, string>][];`
`6`	`6`
`7`		`-export interface IconProps extends Partial<Omit<React.SVGProps<SVGSVGElement>, 'stroke'>> {`
	`7`	`+export interface IconProps extends Partial<Omit<React.ComponentPropsWithoutRef<'svg'>, 'stroke'>> {`
`8`	`8`	`size?: string \| number;`
`9`	`9`	`stroke?: string \| number;`
`10`	`10`	`}`