No errors grocery page

src/pages/groceryList/GroceryListPage.js

@@ -13,7 +13,7 @@ const GroceryListPage = () => {
             {
                 currentTab === "Groceries" ? <Groceries /> : <Products />
             }
-            {/* <TabMenu currentTab={currentTab} setCurrentTab={setCurrentTab} /> */}
+            <TabMenu currentTab={currentTab} setCurrentTab={setCurrentTab} />
         </WrapperGroceryPage>
     )
 }

src/pages/groceryList/storageManagement/Groceries.js

@@ -14,7 +14,7 @@ import { useSelector } from 'react-redux'
 const Groceries = () => {
     const statusItems = useSelector(state => state.items.status)
     return (
-        <View>
+        <View style={{height: '100%'}}>
             {statusItems === 'loading' ? <LoadAnimation/>
                 : <GroceryList />}
             <ContainerButtons />

src/pages/recipes/AddRecipe.js

@@ -67,7 +67,7 @@ const AddRecipe = () => {
         <>
             <HeaderPadding/>
             <Wrapper >
-                {image && <StyledImage src={image} alt="Recipe" />}
+                {image && <StyledImage source={image} alt="Recipe" />}
                 <WrapperRecipe>
                     <View id="row">
                         {/* <IconRecipe /> */}

src/pages/recipes/Recipe.js

@@ -31,7 +31,7 @@ const Recipe = () => {
         <>
             <HeaderPadding/>
             <Wrapper >
-                {recipe.image && <StyledImage src={recipe.image} />}
+                {recipe.image && <StyledImage source={recipe.image} />}
                 <WrapperRecipe>
                     <Text>{recipe.name}</Text>
                     <Hr />

src/pages/recipes/styles/addRecipe.js

@@ -63,7 +63,7 @@ export const InputInstructions = styled(Text)`
     width: 100%;
 `
 export const StyledImage = styled(Image)`
-    object-fit: cover;
+    resize-mode: contain;
     width: 100px;
     height: 100px;
 `

src/pages/recipes/styles/recipe.js

@@ -34,7 +34,7 @@ export const InstructionNumber = styled(Text)`
 
 export const StyledImage = styled(Image)`
     margin-top: -70px;
-    object-fit: cover;
+    resize-mode: contain;
     height: 200px;
     width: 100%;
     @media ${({theme}) => theme.mediaQueries.above768}{