next-auth redirecting to the same page over and over again

import type { NextAuthOptions } from "next-auth";
import GitHubProvider from "next-auth/providers/github";
import CredentialsProvider from "next-auth/providers/credentials";

export const options: NextAuthOptions = {
  providers: [
    CredentialsProvider({
      id: "username-login",
      name: "Credentials",
      credentials: {},
      async authorize(credentials, req) {
        const res = await fetch("api/auth/login", {
          method: "POST",
          body: JSON.stringify(credentials),
          headers: { "Content-Type": "application/json" },
        });
        const data = await res.json();

        if (res.ok) {
          return data;
        }

        return null;
      },
    }),
  ],
  session: {
    strategy: "jwt",
  },
  secret: process.env.NEXTAUTH_SECRET,
  pages: {
    signIn: "/login",
    newUser: "/register",
  },
};

import NextAuth from "next-auth";
import { options } from "./options";

const handler = NextAuth(options);

export { handler as GET, handler as POST };

"use client";

import { signIn } from "next-auth/react";

export default function Login() {

  const submit = async (data: any) => {
    const { identifier, password } = data;

    try {
      const res = await signIn("credentials", { data });
    } catch (error) {
      console.error("Error:", error);
    }
  };

  return (
    <main className="flex h-full flex-col items-center justify-center">
        // on submit i run the submit function
    </main>
  );
}