[I was working on a react native project and got stuck in this error which says property does not exist on type... I am unable to change the flex direction of 'row' even though I have added it in styles.ts1The error
/* eslint-disable prettier/prettier */
import React, {PropsWithChildren, useState} from 'react'; import { Image, View, Text } from 'react-native'; import FontAwesome from 'react-native-vector-icons/FontAwesome'; import QuantitySelector from '../QuantitySelector'; import styles from './styles'; interface CartProductItemProps { cartItem: { id: string; quantity: number; option?: string; item: { id: string; title: string; image: string; avgRating: number; ratings: number; price: number; oldPrice?: number; }; }; } const CartProductItem = ({cartItem}: CartProductItemProps) => { const { quantity: quantityProp, item } = cartItem;const [quantity, setQuantity] = useState(quantityProp);return (<View style={styles.root}><View style={styles.row}><Image style={styles.image} source={{uri: item.image}} /><View style={styles.rightContainer}><Text style={styles.title} numberOfLines={3}> {item.title}</Text> {/* Ratings */}<View style={styles.ratingsContainer}> {[0, 0, 0, 0, 0].map((el, i) => (<FontAwesome key={`${item.id}-${i}`} style={styles.star} name={i < Math.floor(item.avgRating) ? 'star' : 'star-o'} size={18} color={'#FFDE00'} /> ))}<Text>{item.ratings}</Text></View><Text style={styles.price}> from ${item.price} {item.oldPrice && (<Text style={styles.oldPrice}>${item.oldPrice}</Text> )}</Text></View></View><QuantitySelector quantity={quantity} setQuantity={setQuantity} /></View>);};export default CartProductItem;I want to place the quantity selector of the ecommerce app below the price. Can't figure out the error in the line no. 32.the error