hook.js

function useLogin(/* any context you want to pass in here */) {
  const [data, setData] = useState('');
  const [error, setError] = useState('');
  const [loading, setLoading] = useState('');
  
  useEffect(() => {
    async function login() {
      try {
        const val = await login();
        setData(val);
      } catch (e) {
        setError(e);
      } finally {
        setLoading(false);
      }
    }
  });
  
  return { data, error, loading };
}

function Component() {
  const { data: loginData, error: loginError, loading: loginLoading } = useLogin();
  // etc...
}