1 reply

Page unresponsive after sign in redirect (Chrome)

I'm experiencing a strange issue that I can't find anyone else posting about. I'm doing a simple username and password login, and after login I'm redirecting to a dashboard.

Everything works fine except that after the redirect, nothing on the dashboard is clickable. It's as though none of the click events are registering. Hard refresh doesn't help, but if I open the URL in a new tab, everything works fine again.

I've also tried redirecting to other pages, but I see the same issue, so I don't think it's anything specific to the dashboard page.

Even odder, this only seems to happen in Chrome, I don't see the issue in Safari. I've disabled all Chrome extensions as well.

Any ideas?

const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault();
    await signIn.email(
      {
        email: email,
        password: password,
        callbackURL: "/dashboard",
        rememberMe,
      },
      {
        onRequest: () => {
          setLoading(true);
        },
        onResponse: async () => {
          setLoading(false);
        },
        onError: (ctx) => {
          toast.error(ctx.error.message);
        },
      }
    );
  };

const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault();
    await signIn.email(
      {
        email: email,
        password: password,
        callbackURL: "/dashboard",
        rememberMe,
      },
      {
        onRequest: () => {
          setLoading(true);
        },
        onResponse: async () => {
          setLoading(false);
        },
        onError: (ctx) => {
          toast.error(ctx.error.message);
        },
      }
    );
  };

const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault();
    await signIn.email(
      {
        email: email,
        password: password,
        callbackURL: "/dashboard",
        rememberMe,
      },
      {
        onRequest: () => {
          setLoading(true);
        },
        onResponse: async () => {
          setLoading(false);
        },
        onError: (ctx) => {
          toast.error(ctx.error.message);
        },
      }
    );
  };

const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault();
    await signIn.email(
      {
        email: email,
        password: password,
        callbackURL: "/dashboard",
        rememberMe,
      },
      {
        onRequest: () => {
          setLoading(true);
        },
        onResponse: async () => {
          setLoading(false);
        },
        onError: (ctx) => {
          toast.error(ctx.error.message);
        },
      }
    );
  };

Page unresponsive after sign in redirect (Chrome)

Similar Threads

Page unresponsive after sign in redirect (Chrome)

Similar Threads

Similar Threads

Similar Threads