gluestack

gluestack Logogluestack

Next Build cssInterop error

andrrreluis posted this in #support
Open in Discord
Avatar
andrrreluisOP
Hey, does anyone else have this issue? How did I fix it?
This happens when you try to build the next application.

./src/app/components/ui/icon/index.tsx:68:20
Type error: Argument of type '{ className: { target: "style"; nativeStyleToProp: { height: true; width: true; fill: true; color: true; stroke: true; }; }; }' is not assignable to parameter of type 'EnableCssInteropOptions<IIconComponentType<(IPrimitiveIcon & RefAttributes<Svg>) | { fill?: ColorValue | undefined; stroke?: ColorValue | undefined; }>> & { ...; }'.
Type '{ className: { target: "style"; nativeStyleToProp: { height: true; width: true; fill: true; color: true; stroke: true; }; }; }' is not assignable to type 'EnableCssInteropOptions<IIconComponentType<(IPrimitiveIcon & RefAttributes<Svg>) | { fill?: ColorValue | undefined; stroke?: ColorValue | undefined; }>>'.
Property 'className' is incompatible with index signature.
Type '{ target: "style"; nativeStyleToProp: { height: true; width: true; fill: true; color: true; stroke: true; }; }' is not assignable to type 'CSSInteropClassNamePropConfig<IIconProps & ((IPrimitiveIcon & RefAttributes<Svg>) | { fill?: ColorValue | undefined; stroke?: ColorValue | undefined; })>'.
Type '{ target: "style"; nativeStyleToProp: { height: true; width: true; fill: true; color: true; stroke: true; }; }' is not assignable to type '{ target: boolean | "children" | "fill" | "stroke" | "pointerEvents" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | ... 77 more ... | "accessibil...
Type 'true' is not assignable to type '"children" | "fill" | "stroke" | "pointerEvents" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | ... 78 more ... | undefined'.

66 | });
67 |
68 | cssInterop(UIIcon, {
| ^
69 | className: {
70 | target: "style",
71 | nativeStyleToProp: {
Image

1 Reply