Added this to my providers in route.js

import FacebookProvider from "next-auth/providers/facebook";

    FacebookProvider({
      clientId: process.env.FACEBOOK_CLIENT_ID,
      clientSecret: process.env.FACEBOOK_CLIENT_SECRET,
    }),

Then trying to sign in with this:

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


      <a
        style={{ backgroundColor: "#3b5998" }}
        onClick={() => signIn("facebook", { callbackUrl })}
        role="button"
      >

But are met by this:

GET https://www.facebook.com/v11.0/dialog/oauth?client_id=MY_CLIENT_ID&scope=email&response_type=code&redirect_uri=http%3A%2F%2Flocalhost%3A3000%2Fapi%2Fauth%2Fcallback%2Ffacebook&state=SOME_STATE_NUMBERS 500



What is wrong?