Resolving the error InvalidEndpoints: Provider "tiktok" is missing both `issuer` and `token` endpoint config #11267

kilimchoi · 2024-06-26T14:30:23Z

kilimchoi
Jun 26, 2024

I have this environment

  System:
    OS: macOS 13.1
    CPU: (8) arm64 Apple M1
    Memory: 83.63 MB / 8.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 21.6.2 - ~/.nvm/versions/node/v21.6.2/bin/node
    Yarn: 1.22.19 - ~/.yarn/bin/yarn
    npm: 10.2.4 - ~/.nvm/versions/node/v21.6.2/bin/npm
    bun: 1.0.6 - ~/.bun/bin/bun
  Browsers:
    Chrome: 126.0.6478.116
    Safari: 16.2
  npmPackages:
    next: 14.2.4 => 14.2.4
    next-auth: ^5.0.0-beta.19 => 5.0.0-beta.19
    react: ^18 => 18.3.1

I have this in src/auth.ts

import NextAuth from "next-auth"
import TikTok from "next-auth/providers/tiktok"

export const { handlers, signIn, signOut, auth } = NextAuth({
  providers: [
    TikTok({
      clientId: process.env.clientId
      clientSecret: process.env.clientSecret,
    })
  ],
})

in the client, I do

import { auth, signIn } from "@/auth";

const Login: React.FC = ({ searchParams }: any) => {
  async function onTiktokSignIn() {
    signIn();
  }
  return ( 
     <Button onClick={() => onTiktokSignIn()}>
        Connect your TikTok account
     </Button>
  )
}

But I keep getting InvalidEndpoints: Provider "tiktok" is missing both issuer and token endpoint config

what should I put down for the token?