Ошибка: тип элемента недействителен в React Native

Question

Я новичок в программировании и пытаюсь разработать проект на React Native. На данный момент я хочу, чтобы приложение выводило пользователей на экран входа в систему, если они еще не вошли в систему, но когда я запускаю приложение, я получаю эту ошибку: Инвариантное нарушение: тип элемента недействителен: ожидается строка (для встроенных компонентов ) или класс / функция (для составных компонентов), но получил: объект. Вы, вероятно, забыли экспортировать свой компонент из файла, в котором он определен. Что я могу сделать? Спасибо

/**
 * @format
 */
import React, {Component} from 'react';
import {
    AppRegistry,
    StyleSheet,
    Text,
    View,
    Navigator
} from 'react-native';
import {name as appName} from './app.json';
import App from './component/App'
import * as firebase from 'firebase'
import Login from './component/Login'
//import Firebase from './lib/Firebase'

const firebaseConfig = {...};
  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);

export default class dribbleAppUi1 extends React.Component {
    constructor(props){
        super(props)
        this.state = {
            initialView : null,
            userLoaded: false
        }
        this.getInitialView()
        this.getInitialView = this.getInitialView.bind(this)
    }

    getInitialView (){
        firebase.auth().onAuthStateChanged((user) => {
            let initialView = user ? 'App' : 'Login'

            this.setState({
                userLoaded: true,
                initialView
            })
        })  
    }

    configureScene(route) {
        if(route.sceneConfig) {
            return route.sceneConfig
        } else {
            return ({
                ...Navigator.SceneConfigs.HorizontalSwipeJumpFromRight,
                gestures: {}
            })
        }
    }

    
    renderScene(route, navigator){
        var globalProps = {navigator}
        switch(route.id){
            case 'App':
                return (
                    <App navigator={navigator} />
                )
                case 'Login':
                    return (
                        <Login navigator={navigator} />
                    )
        }
    }
    render() {
        if(this.state.userLoaded) {

            return (
                <Navigator
                  initialRoute={{
                      id: this.state.initialView
                  }}
                  renderScene={this.renderScene}
                  configureScene={this.configureScene}
                  />
            );

        }else {
            return (<Text>Loading</Text>)
        }
       
    }
}


AppRegistry.registerComponent(appName, () => dribbleAppUi1);