AuthContext не экспортируется в React должным образом

Question

Я пытаюсь создать простой AuthenticationContext, где я экспортирую компонент, который содержит контекст аутентификации, такой как:

import React from 'react';

export default React.createContext({
isAuth: false,
toggleAuth: () => {}
});

когда я импортирую его в свой App.js, я выдаю ошибку

./src/App.js
Attempted import error: 'AuthContext' is not exported from './auth-context'.

Я проверил правильность структуры папок и использую ее для передачи состояния другим компонентам.

Вот мой файл App.js, чтобы посмотреть, как я его использовал

 import React, { Component } from 'react';

import Login from './components/Login';
import Profile from './components/Profile';
import AuthContext from './auth-context';


class App extends Component {
  state = {
    isAuth: false
  };

  toggleAuth = () => {
    this.setState(prevState => {
      return {
        isAuth: !prevState.isAuth
      };
    });
  };

  render() {
    return (
      <AuthContext.Provider
        value={{ isAuth: this.state.isAuth, toggleAuth: this.toggleAuth }}
      >
        <Login />
        <Profile />
      </AuthContext.Provider>
    );
  }
}

export default App;

Я не уверен, почему он не может правильно импортировать?