«Uncaught (в обещании) SyntaxError: неожиданный токен <в JSON в позиции 0» ОШИБКА — NodeJS, MongoDB, приложение React

Я пытаюсь получить массив из моей пользовательской базы данных из моего приложения для реагирования. Ответ, который я получаю, представляет собой файл HTML, но я не уверен, почему он не работает, поскольку у меня есть тот же код, который отлично работает для элемента, не являющегося массивом. Вот код:

Клиент:

  async function populateFavorite() {
    const req = await fetch("http://localhost:3001/api/favorite", {
      headers: {
        "x-access-token": localStorage.getItem("token"),
      },
    });

    const data = await req.json();
    if (data.status === "ok") {
      console.info(data.watchlist)
    } else {
      alert(data.error);
    }
  }
 

На данный момент, похоже, это не проходит здесь:

const data = await req.json();

Сервер:

app.get('/api/favorite', async (req, res) => {
    const token = req.headers['x-access-token']

    try {
        const decoded = jwt.verify(token, '<key>')
        const email = decoded.email
        const user = await User.findOne({ email: email })

        return res.json({ status: 'ok', watchlist: user.watchlist })
    } catch (error) {
        console.info(error)
        res.json({ status: 'error', error: 'invalid token' })
    }
})

Вот как выглядят данные в базе данных:

{"_id":{"$oid":"627306d86089cb6e720e0e8a"},
"firstName":"Ailany",
"email":"[email protected]",
"coins_owned":[],
"watchlist":["Bitcoin","Serum"],
"dateCreated":{"$date":{"$numberLong":"1651705560381"}},
"__v":{"$numberInt":"0"}

Цель состоит в том, чтобы после рендеринга сайта клиент получил массив элементов в списке наблюдения пользователя, чтобы затем они отображались отдельно в списке.

Любая помощь в этом будет очень признательна!