Help redirecting user to home page after successful sign in

[LGmatrix13]

Here is my code:

import { providers, signIn, getSession } from "next-auth/client";
import Button from "../../components/Button";

function Login({ providers }) {
  return (
    <>
      {Object.values(providers).map((provider) => (
        <a key={provider.name} onClick={() => signIn(provider.id)}>
          <Button login={true} name={provider.name} id={provider.id} />
        </a>
      ))}
    </>
  );
}

export async function getServerSideProps(context) {
  const { req, res } = context;
  const session = await getSession({ req });

  if (session && res && session.accessToken) {
    res.writeHead(302, {
      Location: "/",
    });
    res.end();
    return;
  }

  return {
    props: {
      session: null,
      providers: await providers(context),
    },
  };
}

export default Login;

Every time I test it, it goes back to the login page. The user successfully authenticates; however, they remain on the login page. Any resolution? Thanks!

[balazsorban44]

https://next-auth.js.org/getting-started/client#specifying-a-callbackurl

signIn(provider.id, {callbackUrl: "/page-you-want-to-send-user-after-login"})

[LGmatrix13]

Thank you