No errors grocery page

src/components/Dropdown.js

@@ -1,6 +1,6 @@
 import React from 'react'
 import styled from 'styled-components'
-import { Text, View } from 'react-native'
+import { Text, TouchableOpacity, View } from 'react-native'
 
 const WrapperDropdown = styled(View)`
     display: flex;
@@ -17,7 +17,7 @@ const WrapperDropdown = styled(View)`
     border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px;
 `
-const DropdownItem = styled(Text)`
+const DropdownItem = styled(TouchableOpacity)`
     color: ${({ theme }) => theme.colors.textW2};
     font-size: 20px;
 `
@@ -41,7 +41,7 @@ const Dropdown = (props) => {
     let dropdownList = newArray.map((element, index) => {
         return (
             <View key={index}>
-                <DropdownItem onClick={() => props.setElement(element)}>{element}</DropdownItem>
+                <DropdownItem onPress={() => props.setElement(element)}>{element}</DropdownItem>
                 <HorizontalSeperator />
             </View>
         )