clsx returns only the first element of the array in React Native CLI

[Medkhat]

Hi there!

I wanted to use this package with NativeWind in React Native. But, clsx function returns only the first item of the array. It doesn't merge classes.

Here example:

Output

[nishanthbhat07]

Hey. How did you fix this issue? Facing the same

[Medkhat]

@nishanthbhat07 Hi! When you provide a className to the custom component, you need to use a different name instead of "className".

Example:

function MyCustomView({ customViewCn }) { return <View className={cn("p-3", customViewCn)}> {* Children *} </View> }