реагировать createStackNavigator выбрасывает ошибку «undefined is not function»

Question

Я новичок в React-Native и у меня проблема с маршрутизацией.Мое приложение работает нормально, когда я использую stackNavigator, но поскольку оно устарело, я попытался перейти на createStackNavigator.

Я получаю сообщение об ошибке

undefined не является функцией (оценивает '(0,_reactNavigation.createStackNavigator) ')

Вот снимок экрана .

Мой код app.js выглядит следующим образом:

import React from 'react';
import {createStackNavigator} from 'react-navigation';


import HomeScreen from './app/pages/HomeScreen';
import CreateScreen from './app/pages/CreateScreen';

export default class App extends React.Component {
  render() {
    return (
      <AppStackNavigator/>    
    );
  }
}
const AppStackNavigator = createStackNavigator({
  Home: {
    screen: HomeScreen}, 
  CreateReminders:{
    screen: CreateScreen}
})

MyЗависимости:

{
  "expo": "^30.0.1",
  "expo-cli": "^2.2.0",
  "react": "16.3.1",
  "react-native": "https://github.com/expo/react-native/archive/sdk-30.0.0.tar.gz",
  "react-native-modal-filter-picker": "^1.3.4",
  "react-navigation": "^1.6.1"
}

Я пробовал различные изменения синтаксиса (импорт с и без {}, сокращенная запись в конструкторе) и переустанавливал реагировать и реагировать на навигацию.

I 'Я, очевидно, с видом на что-то.Любая помощь будет принята с благодарностью!