other means

src/components/Modals/SelectProductModal/SelectProductModal.tsx

@@ -8,11 +8,12 @@ import FlashListSeparator from "../../FlashListSeparator/FlashListSeparator";
 import DTitle from "../../DTitle/DTitle";
 import {responsiveHeight, responsiveWidth} from "react-native-responsive-dimensions";
 import {background} from "../../../css/colors";
+import {Product} from "../../../types/product";
 
 type Props = {
     visible: boolean;
-    products: SupplierProduct[];
-    onSelected: (product: SupplierProduct) => void
+    products: Product[];
+    onSelected: (product: Product) => void
 }
 
 
@@ -27,7 +28,7 @@ const SelectProductModal: FC<Props> = ({visible, products, onSelected}) => {
                     data={products}
                     showsHorizontalScrollIndicator={false}
                     showsVerticalScrollIndicator={false}
-                    keyExtractor={(product) => product.supplierProductId.toString()}
+                    keyExtractor={(product) => product.productId.toString()}
                     renderItem={(product) => <SelectProductElement product={product.item} onPress={onSelected}/>}
                     ItemSeparatorComponent={FlashListSeparator}
                 >