Issue with audiences

[OnlyImmutable]

When I don't include an audience I can login fine on the frontend, when I do include an audience the following error is thrown..

Unexpected token 'U', "Unauthorized" is not valid JSON auth0

Anyone know why?

import { createCookieSessionStorage } from "@remix-run/node"
import { Authenticator } from "remix-auth"
import type { Auth0Profile } from "remix-auth-auth0"
import { Auth0Strategy } from "remix-auth-auth0"

import {
    API_ENDPOINT,
    AUTH0_AUDIENCE,
    // AUTH0_AUDIENCE,
    AUTH0_CALLBACK_URL,
    AUTH0_CLIENT_ID,
    AUTH0_CLIENT_SECRET,
    AUTH0_DOMAIN,
    COOKIE_SECRET
} from "~/constants/index.server"

const sessionStorage = createCookieSessionStorage({
    cookie: {
        name: "_remix_session",
        sameSite: "lax",
        path: "/",
        httpOnly: true,
        secrets: [COOKIE_SECRET],
        secure: process.env.NODE_ENV === "production"
    }
})

type UserSession = {
    profile: Auth0Profile
    accessToken: string
}

export const auth = new Authenticator<UserSession>(sessionStorage)

const auth0Strategy = new Auth0Strategy(
    {
        domain: AUTH0_DOMAIN,
        clientID: AUTH0_CLIENT_ID,
        clientSecret: AUTH0_CLIENT_SECRET,
        callbackURL: AUTH0_CALLBACK_URL,
        scope: "openid profile email offline_access"
    },
    async ({ profile, accessToken }) => {
        if (!profile || !accessToken) {
            throw new Error("Profile or access token is missing")
        }

        const emails = profile.emails ?? []
        const account = {
            email: emails[0]?.value ?? "",
            authId: profile.id,
            firstName: profile.name?.givenName ?? "",
            lastName: profile.name?.familyName ?? "",
            dateOfBirth: "2001-02-05",
            active: true
        }

        try {
            console.log(`${API_ENDPOINT}/api/accounts/register`)
            console.log(`Bearer ${accessToken}`)
            const response: Response = await fetch(`${API_ENDPOINT}/api/accounts/register`, {
                method: "POST",
                headers: {
                    "Content-Type": "application/json",
                    Authorization: `Bearer ${accessToken}`
                },
                body: JSON.stringify(account)
            })

            if (!response.ok) {
                throw new Error("Failed to register account")
            }

            const registeredAccount = await response.json()
            console.log("Registered account:", registeredAccount)
        } catch (error) {
            console.error("Error registering account:", error)
        }

        return {
            profile: profile,
            accessToken: accessToken
        }
    }
)

auth.use(auth0Strategy)

export const { getSession, commitSession, destroySession } = sessionStorage