useEffect(() => {
    const executeHook = async () => {
      try {
        if (!router.isReady || flow) return;

        try {
          if (flowId) {
            const { data } = await oryClient.getSelfServiceLoginFlow(
              String(flowId)
            );

            setFlow(data);
            return;
          }
        } catch (error) {
          console.log(error);
          handleFlowError(router, FlowType.LOGIN, setFlow);
          Promise.reject();
        }

        const { data } =
          await oryClient.initializeSelfServiceLoginFlowForBrowsers(
            Boolean(refresh),
            all ? String(all) : undefined,
            returnTo ? String(returnTo) : undefined
          );

        setFlow(data);
      } catch (error) {
        handleFlowError(router, FlowType.LOGIN, setFlow);
        Promise.reject();
      }
    };

    executeHook();
  }, [flowId, router, router.isReady, refresh, returnTo, flow]);