Pattern for redirecting user back to last page before auth

[squareborg]

Hey, is there a way to get the user back on the page they initiated auth on?

I have app like

#/someUnauthenticatedPage

<Form action={`/auth/${provider}?pageId=${pageId}`} method="post">
    <button className="flex items-center rounded-lg bg-blue-500 p-2 align-middle">
      <FaFacebook className="mr-2" />
      {label}
    </button>
  </Form>

 #auth/$provider
export let action: ActionFunction = async ({ request, params }) => {
  const url = new URL(request.url);
  const pageId =  url.searchParams.get("pageId");

  return authenticator.authenticate(params.provider, request, {
   successRedirect: `/page/${pageid}`,
  })
};

// app/routes/auth/$provider.callback.tsx
import { ActionFunction, LoaderFunction, redirect } from '@remix-run/node';
import { authenticator } from '~/server/auth.server';
import { getSession, commitSession } from "../../session";

export let loader: LoaderFunction = async ({ request, params }) => {
  return authenticator.authenticate(params.provider, request);
};

I'm unsure why there is two calls to authenticator.authenticate, and the initial successRedirect is ignored. Running the above results in a succesful auth but just dumps a json respone to the browser of the user details, instead of redirecting back to where was needed.

Any help apprectiated.

[TheRealFlyingCoder]

Super late, i'm sure you already figured this out, your callback route doesn't have Success or Failure redirects set, the code is in the readme :)