Uncaught Ошибка: Инвариантное Нарушение: Тип элемента недопустим: ожидал строку (для встроенных компонентов) или класса / функции, но получил: undefined

Question

Я создаю DrawerNavigation с реагировать на навигацию.Все работало нормально в одном файле, пока я не решил разбить его на более мелкие модули.Это базовый Drawer Navigator, который содержит несколько стековых навигаторов.

DrawerNavigators.js
StackNavigators
        |__HomeNavigator.js
        |__MenuNavigator.js

Я потратил часы, пытаясь исследовать проблему, и сначала ошибка, казалось, была связана с тем, что модули не были должным образом импортированы, но сейчасЯ считаю, что мой импорт вроде как правильный, но я все равно получаю сообщение об ошибке, как только я пытаюсь перейти к определенному экрану.

Вот мой пример кода:

DrawerNavigator.js

import React, { Component } from 'react';
import { View, Platform, Image, StyleSheet, ScrollView, Text } from 'react-native';
import { Icon } from 'react-native-elements';
import HomeNavigator from './StackNavigators/HomeNavigator';
import {   
    createStackNavigator, 
    createAppContainer, 
    createDrawerNavigator,
        } from 'react-navigation';

const MainNavigator = createDrawerNavigator({
    Acceuil: {
        screen: HomeNavigator,
        navigationOptions: {
            title: 'Acceuil',
            drawerLabel: 'Acceuil',
            drawerIcon: ({ tintColor }) => (
                <Icon 
                    name='home'
                    type='font-awesome'
                    size={24}
                    color={tintColor}
                    />
            )
        }
    },
});

export default createAppContainer(MainNavigator);

HomeNavigator.js

import {Icon} from 'react-native-elements';
import HomeScreen from '../../HomeComponent';
import { createStackNavigator, createAppContainer } from 'react-navigation';
import React, { Component } from 'react';


const HomeNavigator = createStackNavigator({
    Home: { screen: HomeScreen }
    },
    {
        navigationOptions: {
            headerStyle: {
                backgroundColor: "#512DA8"
            },
            headerTintColor: '#fff',
            headerTitleStyle: {
                color: "#fff"            
            },
        }
    }
);

export default HomeNavigator;

Скриншот с ошибкой можно найти ниже.Любая помощь будет принята с благодарностью.