React JS: компонент не экспортирован

У меня есть структура папок моего проекта: -

В GlobalStore.js у меня есть код ->

import React from 'react'

const GlobalContext=React.createContext();
const GlobalProvider=GlobalContext.Provider;
const GlobalConsumer=GlobalContext.Consumer;


export default {GlobalProvider,GlobalConsumer}

В App.js у меня есть код ниже -

import logo from './logo.svg';
import './App.css';
import Login from './Components/Login';
import { store } from "./GlobalStorage/store";
import   {GlobalProvider,GlobalConsumer} from "./GlobalStore";
function App() {
  return (
    <div className = "App">
      <GlobalProvider value = {store}> 
     <Login></Login>
     </GlobalProvider>
    </div>
  );
}

export default App;

Хотя я экспортировал GlobalProvider из GlobalStore.js, приложение выдает следующую ошибку:

Failed to compile.

./src/App.js
Attempted import error: 'GlobalProvider' is not exported from './GlobalStore'.