TouchableOpacity React Native не принимает стили по имени класса

Я создаю собственный компонент Button с помощью React Native и Nativewind. Но стиль не работает, когда className применяется к TouchableOpacity.

Компонент:

import {TouchableOpacity} from "react-native";

 <TouchableOpacity className = "border border-red" {...rest}>
   <View className = {cn(base(), className)}>
     {IconLeft && <IconLeft color = {icon()} />}

     <Text className = {text()}>
       {loading && <LoaderIcon className = {spinner()} />}
       {!loading && children}
     </Text>

     {IconRight && <IconRight color = {icon()} />}
   </View>
 </TouchableOpacity>

Работает с style = {{ borderWidth: 1, borderColor: "red" }}. Стиль ClassName работает нормально с другими компонентами.

Попробовал поменять местами внутренние <View /> и <TouchableOpacity /> (как предложено здесь). Но потом он становится слишком маленьким, чтобы на него можно было нажать.