Discord provider raises error when called on pages

[cysabi]

Hey, I'm having issues with the Discord provider.
When I call signIn("discord") on the index page, (or any page for that matter) It fails to log in the user:

https://next-auth.js.org/errors#oauth_callback_error checks.state argument is missing {
  error: {
    message: 'checks.state argument is missing',
    stack: 'TypeError: checks.state argument is missing\n' +
      '    at Client.oauthCallback (/workspaces/cephal.ink/node_modules/openid-client/lib/client.js:530:13)\n' +
      '    at oAuthCallback (/workspaces/cephal.ink/node_modules/next-auth/core/lib/oauth/callback.js:116:29)\n' +
      '    at runMicrotasks (<anonymous>)\n' +
      '    at processTicksAndRejections (node:internal/process/task_queues:96:5)\n' +
      '    at async Object.callback (/workspaces/cephal.ink/node_modules/next-auth/core/routes/callback.js:50:11)\n' +
      '    at async NextAuthHandler (/workspaces/cephal.ink/node_modules/next-auth/core/index.js:186:28)\n' +
      '    at async NextAuthNextHandler (/workspaces/cephal.ink/node_modules/next-auth/next/index.js:23:19)\n' +
      '    at async /workspaces/cephal.ink/node_modules/next-auth/next/index.js:59:32\n' +
      '    at async Object.apiResolver (/workspaces/cephal.ink/node_modules/next/dist/server/api-utils/node.js:184:9)\n' +
      '    at async DevServer.runApi (/workspaces/cephal.ink/node_modules/next/dist/server/next-server.js:381:9)',
    name: 'TypeError'
  },
  providerId: 'discord',
  message: 'checks.state argument is missing'
}

However, this error does not occur when I sign in using the button that is present on the http://localhost:3000/api/auth/signin

Additionally, after signing in with this method, the index page is able to fetch the session fine, it's only when logging in for the first time that causes an issue.

Here is my NextAuth configuration for reference:

import NextAuth from "next-auth"
import DiscordProvider from "next-auth/providers/discord"
import { prisma } from "prisma/client"

export default NextAuth({
  providers: [
    DiscordProvider({
      clientId: process.env.DISCORD_CLIENT_ID,
      clientSecret: process.env.DISCORD_CLIENT_SECRET,
      profile(profile) {
        if (profile.avatar === null) {
          const defaultAvatarNumber = parseInt(profile.discriminator) % 5
          profile.image_url = `https://cdn.discordapp.com/embed/avatars/${defaultAvatarNumber}.png`
        } else {
          const format = profile.avatar.startsWith("a_") ? "gif" : "png"
          profile.image_url = `https://cdn.discordapp.com/avatars/${profile.id}/${profile.avatar}.${format}`
        }
        return profile
      },
    }),
  ],
  callbacks: {
    async jwt({ token, account, profile }) {
      if (account) {
        const user = await prisma.user.upsert({
          where: {
            discordId: profile.id,
          },
          create: {
            discordId: profile.id,
            discordMention: `${profile.username}#${profile.discriminator}`,
            discordAvatar: profile.image_url,
            accessToken: account.access_token,
          },
          update: {
            discordMention: `${profile.username}#${profile.discriminator}`,
            discordAvatar: profile.image_url,
            accessToken: account.access_token,
          },
        })
        token.user = user
      }
      return token
    },
    async session({ session, token }) {
      session.user = token.user
      return session
    },
  },
})