SingleFetchRedirect

[jezikk]

Hi,

I have auth middleware using Hono:

    // Authorization using callback from IDP
    if (c.req.path.includes(callbackRoute) && c.req.method === "GET") {
      const params = getLoginParamsFromSession(session);

      if (!params) {
        return reactRouterRedirect("/");
      }

      const { route, ...verifyParams } = params;
      const url = new URL(c.req.raw.url);
      const callbackUri = `${getHost(c)}${url.pathname}${url.search}`;

      try {
        const tokens = await client.validateAuthorizationCallback(
          callbackUri,
          verifyParams
        );
        removeLoginParamsFromSession(session);
        setTokensToSession(tokens, session);
        c.set("access_token", tokens.accessToken);
        c.set("user", parseUserDataFromAccessToken(tokens.accessToken));
      } catch (e) {
        console.error("⛔️ Failed validateAuthorizationCallback", e);
      }

      return reactRouterRedirect(route);
    }

If I redirect using c.redirect it works, but if I redirect using new function reactRouterRedirect, it throw the following message in the browser:

[["SingleFetchRedirect",1],{"_2":3,"_4":5,"_6":7,"_8":9,"_10":7},"redirect","/","status",302,"revalidate",false,"reload",true,"replace"]

AuthMiddleware runs before react router. Can you please help me what i am doing wrong?

[rphlmr]

Hi 👋
If c.redirect works, then keep using it. Actually we should use it in priority.
reactRouterRedirect is here just in case you encounter a “turbo stream” error.

[rphlmr]

I should better explain this in the doc 😅

[rphlmr]

For reference, updated doc: https://github.com/rphlmr/react-router-hono-server?tab=readme-ov-file#middleware