Next.JS с auth.js, защищающим маршруты API, fetch() не работает

Я работаю над проектом с аутентификацией пользователей с использованием auth.js в next.js. Я хочу иметь API, который будет получать конкретную информацию о пользователе из базы данных MongoDB. Сайт защищен с помощью промежуточного программного обеспечения в next.js. Мой API работает, если я напрямую обращаюсь к URL-адресу после входа в систему (localhost: 3000/api/Project). Однако когда я пытаюсь получить данные, я получаю сообщение об ошибке Error: Unexpected token '<', "<!DOCTYPE "... is not valid JSON, поэтому кажется, что где-то есть перенаправление, но я не могу понять, почему.
Это мой api/Projects/route.js

import { connectDB } from "../../../utils/database";
import { NextResponse } from "next/server";
import Project from "../../(models)/Project";
import { getServerSession } from "next-auth";
import { options } from "../../api/auth/[...nextauth]/options";

export const GET = async (req, res) => {
  const session = await getServerSession(options);

  try {
    await connectDB();
    const fetchedProjects = await Project.find({
      userID: session.user.id,
    }).exec();

    return new NextResponse(JSON.stringify(fetchedProjects), { status: 200 });
  } catch (error) {
    return new NextResponse("Error in fetching data" + error, { status: 500 });
  }
};

Это выборка API в моем app/projects/page.js

async function getProjects() {
  try {
    console.info("FETCHING DOCUMENTS");
    const res = await fetch("http://localhost:3000/api/Projects", {
      cache: "no-store",
    });
    if (!res.ok) return notFound();
    console.info(res);
    return res.json();
  } catch (error) {
    console.info(error);
  }
};

Если я обхожу всю свою аутентификацию и просто получаю все записи из базы данных в своем API, этот код работает. При наличии аутентификации выборка возвращает следующее (взятое из консоли):