useState not setting after refresh - reactjs

Question

I have an app using ReactJS and Parse Server. But the data that I'm passing on from the API is not setting after refreshing the page. Here's my code
import React, { useState } from 'react';
import PropTypes from 'prop-types';
import { withRouter } from 'react-router-dom';
import Parse from 'parse';
const AuthContext = React.createContext({});
const AuthContextProvider = ({ children }) => {
const [user, setUser] = useState(null);
const [isLoggingIn, setLoginLoading] = useState(null);
const [loginError, setLoginError] = useState(null);
const [isAuthenticated, setIsAuthenticated] = useState(Parse.User.current());
const setUserSession = currentUser => {
setIsAuthenticated(currentUser);
setLoginLoading(false);
setLoginError(null);
};
const handleLogin = async values => {
setLoginLoading(true);
setLoginError(null);
setSessionError(false);
try {
const res = await Parse.Cloud.run('login', values);
setUser(res); // THIS IS THE DATA I WANT TO GET FROM THE API
Parse.User.become(res.session).then(setUserSession, () => {
setLoginError(TOKEN_VERIFY_ERROR);
setLoginLoading(false);
});
setLoginLoading(false);
} catch (e) {
setLoginLoading(false);
setLoginError(e.message);
}
};
};
return (
<AuthContext.Provider
value={{
user,
login: handleLogin,
isLoggingIn,
isAuthenticated,
loginError,
}}
>
{children}
</AuthContext.Provider>
);
const AuthProvider = withRouter(AuthContextProvider);
export { AuthContext, AuthProvider };
AuthContextProvider.propTypes = {
children: PropTypes.node,
};
upon logging in, user are there but when I refresh it, it returns null. What should I do to retain the details? I'm avoiding setting this to localStorage.