[Bug] Element type is invalid

Não faço ideia do que está causando esse erro:

BoasVindas:

import { 
  View, 
  Text,
  TouchableOpacity } from 'react-native';
import * as Animatable from 'react-native-animatable'
import { useNavigation } from '@react-navigation/native'
import Lista from '../../../Draws/lista-boasVindas.svg'
import { StatusBar } from 'expo-status-bar';
import AppLoading from 'expo-app-loading';
import {
  useFonts,
  JosefinSans_700Bold,
  JosefinSans_100Thin
} from '@expo-google-fonts/josefin-sans';
import {
  Jost_700Bold
} from '@expo-google-fonts/jost'

export default function BoasVindas() {
  const navigation = useNavigation()
  const [fontLoad] = useFonts({
    JosefinSans_700Bold,
    JosefinSans_100Thin,
    Jost_700Bold
  })

  async function telas() {
    //let uid = await AsyncStorage.getItem('uid') 
    if(true){
        navigation.navigate('Login')
    }else{
        navigation.navigate('Teste')
    }
  }

  if(!fontLoad) return <AppLoading/>

  return (
    <View className='flex-1 bg-zinc-900'>
      <StatusBar barStyle={'dark-content'} backgroundColor={'#0000'}/>
    <Animatable.View style={{flex:2, alignItems:'center', justifyContent:'center'}} animation='fadeInUp'>
      <Lista width={300}/>
    </Animatable.View>

      <Animatable.View className='flex-1 bg-sky-700 rounded-t-[30px] px-5' animation='fadeInUp' delay={600}>
        <Text className='text-[24px] font-bold text-slate-50 mt-8' style={{fontFamily: 'Jost_700Bold'}}>
          Um jeito simples de organizar seu estoque!</Text>
        <Text className='text-sky-500 mt-4 text-[17px] font-bold' style={{fontFamily: 'JosefinSans_100Thin'}}>
          Faça o login para começar
          </Text>
        <TouchableOpacity onPress={telas} className='bg-sky-500 mx-20 mt-12 justify-center rounded-full w-56 h-12'>
          <Text className="text-slate-50 text-center text-[23px] text-bold" style={{fontFamily: 'Jost_700Bold'}}>Acessar</Text>
        </TouchableOpacity>
      </Animatable.View>
    </View>   
  );
}

App.js:

import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import Routes from './src/Routes'
import {
  StatusBar,
} from 'react-native';
import {NativeBaseProvider} from 'native-base'

export default function App() {
  return (
      <NavigationContainer>
      <StatusBar translucent={true}/>
      <NativeBaseProvider>
        <Routes/>
      </NativeBaseProvider>
    </NavigationContainer>

  );
}

Routes:

import { createNativeStackNavigator } from '@react-navigation/native-stack'
import BoasVindas from '../View/pages/BoasVindas'
import Login from '../View/pages/Login'
import Home from '../View/pages/Home'
import NovoUsuario from '../View/pages/NovoUsuario' 
import Testes from '../View/pages/Testes'
import Splash from '../View/pages/Splash'

const Stack = createNativeStackNavigator()

export default  function Routes(){
    return(
        <Stack.Navigator initialRouteName='BoasVindas'>
            <Stack.Screen name='Splash' options={{headerShown: false}} component={Splash}/>
            <Stack.Screen name='Teste' options={{headerShown: false}} component={Testes}/>
            <Stack.Screen name='BoasVindas' options={{headerShown: false}} component={BoasVindas}/>
            <Stack.Screen name='Login' options={{headerShown: false}} component={Login}/>
            <Stack.Screen name='Home' options={{headerShown: false}} component={Home}/>
            <Stack.Screen name='NovoUsuario' options={{headerShown: false}} component={NovoUsuario}/>
        </Stack.Navigator>
    )
}