AuthContext

index.js

function AuthProvider(props) {
  const [token, setToken] = useLocalStorage('token', '');

  return <AuthContext.Provider value={{ token, setToken }} {...props} />;
}

function useLogin() {
  const { setToken } = useContext(AuthContext);

  const login = async ({ username, password }) => {
    try {
      const response = await axios({});

      setToken(response.data.token);
    } catch (err) {
      // ...
    }
  };

  return { login };
}

function useRegistration() {
  const { setToken } = useContext(AuthContext);

  const register = async ({ username, email, password }) => {
    try {
      const response = await axios({});

      setToken(response.data.token);
    } catch (err) {
      // ...
    }
  };

  return { register };
}

function useAuthenticatedUser() {
  const { token, setToken } = useContext(AuthContext);

  const logout = () => {
    setToken('');
  };

  return { isAuthenticated: !!token, logout };
}