Why strokeWidth is not be passed as a property?

[vineetdigit]

This is more of a question rather than an issue. But I see that for all icons, the strokeWidth is always set to 2. Except for the size and stroke, almost all SVG properties are directly assigned. Is the expectation to change them with CSS?

[dexterthemsb]

You can pass strokeWidth as props. It'll just override the default value of 2. The library is using a spreader operator to apply properties other than size, color, etc.

[RinMinase]

@dexterthemsb You can, but typescript compiler throws out an error for this, as this is not in their type declarations.

Type '{ size: number; strokeWidth: number; }' is not assignable to type 'IntrinsicAttributes & IconProps & Readonly<Attributes & { children?: ComponentChildren; ref?: Ref<any> | undefined; }>'.
  Property 'strokeWidth' does not exist on type 'IntrinsicAttributes & IconProps & Readonly<Attributes & { children?: ComponentChildren; ref?: Ref<any> | undefined; }>'