Invalid OAuth Client

I recorded a loom video that you can watch here

https://www.loom.com/share/7e35437426c7490a965072268b36122b?sid=af020d7a-6265-48a3-bd43-4abcc4d0c2cd

Also here is the code sending the request

export const getFrontAccessToken = async (code: string, slug: string) => {
  const clientId = process.env.NEXT_PUBLIC_FRONT_CLIENT_ID;
  const clientSecret = process.env.NEXT_PUBLIC_FRONT_CLIENT_SECRET;
  const encodedAuth = btoa(`${clientId}:${clientSecret}`);
  console.log('getFrontAT ', clientId, clientSecret, encodedAuth);

  const response = await fetch('https://app.frontapp.com/oauth/token', {
    method: 'POST',
    body: JSON.stringify({
      code,
      // redirect_uri: `http://localhost:3000/settings/${slug}/front`,
      grant_type: 'authorization_code',
    }),
    headers: {
      'Content-Type': 'application/json',
      accept: 'application/json',
      Authorization: `Basic ${encodedAuth}`,
    },
  });
  console.log(await response.json());
};