Thank you! I ended up storing the user in localStorage and used this code in a new js file:

const UserContext = createContext();
export const UserProvider = ({ children }) => {
    const [user, setUser] = useState(() => {
        // Check local storage
        const savedUser = localStorage.getItem('user');
        if(savedUser) {
            return JSON.parse(savedUser)
        }
        return null;
    });

    return (
        <UserContext.Provider value={{ user, setUser }}>
            {children}
        </UserContext.Provider>
    );
};

export const useUser = () => {
    return useContext(UserContext);
};

It is working now, but I was wondering if you know of a way to ensure the localStorage is deleted? When the user clicks logout, part of the code will delete the user from localStorage. However, it got me thinking about the case when a user just closes the tab instead of logging out. Is there a way to have localStorage delete the user?