Minified React error #152; visit https://reactjs.org/docs/error-decoder.html?invariant=152&args[]=App

I'm a beginner in react native, I started 4 months ago and I still have a lot of difficulties, I need to deliver a work tomorrow, I got this title error and I'm desperate because I don't know how to solve it in the code, I've been looking for a long time and not found it. this happened after I inserted the contents of this link: https://reactnative.dev/docs/touchablehighlight I don't know what happened, I tried to fix the code by undoing it but I didn't, I even think I lost my hard project but I don't want to believe in this possibility.

import React from 'react';

import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
import { Ionicons } from '@expo/vector-icons';
import { createDrawerNavigator } from '@react-navigation/drawer';
import {Text, View, Image, ScrollView, TextInput,Button,TouchableHighlight, StyleSheet} from 'react-native';
import Hulka from './assets/Hulka.png';
import newwave from './assets/newwave.png'
import candy from './assets/candy.png'
import death from './assets/death.png';
import whatif from './assets/whatif.png';


function Home(){
  return (
    <ScrollView>
  <View style={{backgroundColor: 'white'}}>
<View style={{ height:65, width:360 , backgroundColor:'#870E94'}}>
<Text style = {{fontSize:14,color: 'white', textAlign:'center',fontWeight:'bold',marginTop:22}}>
Novo Usuário? SELK25 para 25% de cashback na sua primeira compra!</Text>
      </View>


     <Image 
source ={Hulka}
style = {{ width: 360 , height: 200 , marginTop:10}}/>

<Text style = {{fontSize:25,color: '#870E94',textAlign:'center', fontWeight:'bold',marginTop:10}}>
⬇ ATUALIZAÇÕES ⬇</Text>
     <Image 
source ={newwave}
style = {{ borderRadius:5,width: 340 , height: 180, marginTop:17, marginLeft: 10, marginRight: 10}}/>
<Text style = {{fontSize:10,color: '#d6d6d6',marginTop:3,marginLeft: 10}}>http://Greenbent.com.br/atualization/new-wave/pics</Text>

<Image 
source ={candy}
style = {{ borderRadius:5,width: 340 , height: 180, marginTop:17 , marginLeft: 10, marginRight: 10}}/>
<Text style = {{fontSize:10,color: '#d6d6d6',marginTop:3,marginLeft: 10}}>http://Greenbent.com.br/atualization/rock-candy-promotion/buying</Text>

<Image 
source ={death}
style = {{ borderRadius:5,width: 340 , height: 180, marginTop:17 , marginLeft: 10, marginRight: 10}}/>
<Text style = {{fontSize:10,color: '#d6d6d6',marginTop:3, marginLeft: 10}}>http://Greenbent.com.br/atualization/justice-league-death-metal-mcfarlane</Text>

<Image 
source ={whatif}
style = {{ borderRadius:5,width: 340 , height: 180, marginTop:17 , marginLeft: 10, marginRight: 10}}/>
<Text style = {{fontSize:10,color: '#d6d6d6',marginTop:3, marginLeft: 10}}>http://Greenbent.com.br/atualization/buying/pre-order/what-if-colection</Text>
</View>
</ScrollView>
  );
  }















function Loja(){
  
  return (
  <View style={{ height:85, width:360 , alignItems: 'center' , backgroundColor:'#870E94'}}>
  <TextInput
              multiline={false}
              numberOfLines={1}
              placeholder="Como podemos ajudar? ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀"
              style={{
                backgroundColor: 'white',
                padding: 8,
                marginTop:30,
                fontSize: 16,
                borderRadius: 10,
              }}
            />
  
   <Text style = {{fontSize:25,color: '#78ed24',textAlign:'center', fontWeight:'bold',marginTop:20}}>Suas pesquisas</Text>

   <View style={styles.container}>
      
    
    <TouchableHighlight onPress={Loja}>
        <View style={styles.button}>
          <Text>Touch Here</Text>
        </View>
      </TouchableHighlight>
    </View>
  </View>
 
  );
}


















function Curtidas(){
  return (
  <View style={{ height:55, width:333 , alignItems: 'center' , backgroundColor:'#090909'}}>
  <Image 
source ={Hulka}
style = {{flex:1, width: 100, height: 50}}/>

  
  </View>
  );
}















function Ajustes(){
  return (
  <View style={{ height:55, width:333 , alignItems: 'center' , backgroundColor:'#090909'}}>
  <Image 
source ={Hulka}
style = {{flex:1, width: 100, height: 50}}/>

    
  </View>
  );
}


const styles = StyleSheet.create({

  button: {
    alignItems: "center",
    backgroundColor: "#DDDDDD",
    marginTop:10,
    paddingHorizontal:30
  }
});









const Tab = createBottomTabNavigator();

export default function App() {
  (
    
    <NavigationContainer>
       <Tab.Navigator initialRouteName="Home"
          tabBarOptions={{ 
            activeTintColor: 'white',
            inactiveTintColor: 'white',
            activeBackgroundColor: '#78ed24',
            inactiveBackgroundColor: '#54c206',
            labelStyle: { fontSize: 15 ,fontWeight: 'bold',},
            style: { height: 55},
          }}>

       <Tab.Screen name="Home" component={Home}
       options={{
         tabBarLabel: 'Home',
         tabBarIcon: ({Home }) => (
           <Ionicons name="home" color={'white'} size={26}  style={{marginTop:3}}/>
         ),
       }}
       />
       
       <Tab.Screen name="Loja" fontWeight="bold" component={Loja}
       options={{
         tabBarLabel: 'Loja',
         tabBarIcon: ({Loja }) => (
           <Ionicons name="logo-usd" color={'white'} size={28} style={{marginTop:4}}  />
         ),
       }}
       />

       <Tab.Screen name="Curtidas" component={Curtidas}
       options={{
         tabBarLabel: 'Curtidos',
         tabBarIcon: ({ Curtidas}) => (
           <Ionicons name="heart" color={'white'} size={26}  style={{marginTop:3}}/>
         ),
       }}
       />

<Tab.Screen name="Ajustes" component={Ajustes} style={{fontWeight:'bold'}}
       options={{
         tabBarLabel: 'Ajustes',
         tabBarIcon: ({ Ajustes}) => (
           <Ionicons name="settings" color={'white'} size={26}  style={{marginTop:3}}/>
         ),
       }}
       />

    </Tab.Navigator>
    </NavigationContainer>
  )
}