So this question is referencing an error that resides in the context 'it says Cannot read property ‘createElement’ of undefined,
import {React,useState, createContext, useContext, useEffect } from 'react';
import { currentUserFunc } from '../services/auth';
export const AppContext = createContext()
export const AppCtxProvider = (props)=>{
const[user,setUser] = useState(null)
const [userUpdate,setUsrUpdate] = useState(false)
useEffect(()=>{
async function getSessionData() {
const {data}= await currentUserFunc()
login(data)
}
getSessionData()
setUsrUpdate(false)
},[userUpdate])
const login = (userInf) => {
setUser(userInf)
}
const signup = (userInf)=> {
setUser(userInf)
}
const logout = () => {
setUser(null)
}
const value= {user, login,logout,signup, setUsrUpdate}
return <AppContext.Provider {...props} value={value}/>
}
export const useContextInfo = () => useContext(AppContext)`
and here’s my index.js
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import Router from './Router';
import * as serviceWorker from './serviceWorker';
import {AppCtxProvider} from './hooks/context'
ReactDOM.render(
//<React.StrictMode>
<AppCtxProvider>
<Router />
</AppCtxProvider>
, document.getElementById('root')// </React.StrictMode>
);
serviceWorker.unregister();