syntax error

[wise mantle]

Hi @hollow geyser. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:

---

The error you're encountering is likely due to the fact that the response from the fetch request is not valid JSON. This can happen if the server is returning HTML instead of JSON, which seems to be the case here as "Doctypehtml" is part of an HTML document.

One way to handle this is to check the Content-Type of the response before trying to parse it as JSON. Here's an example from one of the knowledge sources:

const res = fetch('blablabla')
if (res.headers.get("Content-Type") !== "application/json") return
return await res.json()

(Source: Github Issue (open): SyntaxError: Unexpected token T in JSON at position 0 WHile building the website > Comments Part 2 (https://github.com/vercel/next.js/issues/47554))

This code checks if the Content-Type of the response is application/json before trying to parse it. If it's not, it simply returns without trying to parse the response.

If you're still encountering issues, it might be helpful to put your fetch request inside a try-catch block to handle any errors that might occur:

try {
  const res = await fetch('your-url-here');
  if (res.headers.get("Content-Type") !== "application/json") return
  return await res.json()
} catch (error) {
  console.error(error);
}

(Source: Github Issue (open): SyntaxError: Unexpected token T in JSON at position 0 WHile building the website > Comments Part 1 (https://github.com/vercel/next.js/issues/47554))

This will catch any errors that occur during the fetch request and log them to the console, which can help you debug the issue.

Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:

@hollow geyser kapa.ai is still learning and improving, please let us know how it did by reacting below