30
frontend/src/contexts/UserContext.jsx
Normal file
30
frontend/src/contexts/UserContext.jsx
Normal file
@@ -0,0 +1,30 @@
|
||||
import { createContext, useMemo, useState } from "react";
|
||||
|
||||
const UserContext = createContext({});
|
||||
|
||||
const UserContextProvider = ({ children }) => {
|
||||
|
||||
const [currentUser, setCurrentUser] = useState(undefined);
|
||||
|
||||
// useMemo does not wait for after render, like useEffect.
|
||||
useMemo(()=>{
|
||||
setCurrentUser(JSON.parse(localStorage.getItem("currentUser")));
|
||||
},[]);
|
||||
|
||||
const contextValues = {
|
||||
currentUser,
|
||||
setCurrentUser: (data) => {
|
||||
localStorage.setItem("currentUser", JSON.stringify(data))
|
||||
setCurrentUser(data);
|
||||
},
|
||||
};
|
||||
|
||||
return (
|
||||
<UserContext.Provider value={contextValues}>
|
||||
{children}
|
||||
</UserContext.Provider>
|
||||
);
|
||||
};
|
||||
|
||||
export default UserContext;
|
||||
export { UserContextProvider };
|
||||
Reference in New Issue
Block a user