cra-template-mui-light/template/src/utils/AppContext.jsx

This template contains mui, material-table, axios and axios-hooks packages with a pre-created context and 4 configs for development environment.

import React, { createContext, useEffect } from "react"
import { configure } from 'axios-hooks'
import axios from 'axios'
import { appSettings } from './appSettings'

const AppContext = createContext()

function AppContextProvider(props) {
    const { axiosConfig } = appSettings

    // configuring Axios using base settings from utils/appSettings.js
    configure({
        axios: axios.create({
            ...axiosConfig
        })
    })

    return (
        <AppContext.Provider value={{}}>
            {props.children}
        </AppContext.Provider>
    )
}

export { AppContextProvider, AppContext }