Creating a context layer in React App

context.js

import React, { createContext, useState } from 'react';
import initialValues from './initial';

const Context = createContext(initialValues);

const GlobalContext = ({ children }) => {
  const [globalState, setGlobalState] = useState(initialValues);

  return (
    <Context.Provider value={{ globalState, setGlobalState }}>
      {children}
    </Context.Provider>
  );
};

export { GlobalContext, Context };

InitialValues

const initialValues = {
  homeScreen: true,
  userName: '',
  reposList: [],
  page: 1,
  currentRepo: {},
  isEditing: false,
  searchTerm: '',
  loading: false
};

export default initialValues;