Unexpected Application Error!

Unexpected token '<', "<!DOCTYPE "... is not valid JSON

SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON
    at JSON.parse (<anonymous>)
    at parseJSONFromBytes (node:internal/deps/undici/undici:5895:19)
    at successSteps (node:internal/deps/undici/undici:5876:27)
    at fullyReadBody (node:internal/deps/undici/undici:4768:9)
    at process.processTicksAndRejections (node:internal/process/task_queues:103:5)
    at async consumeBody (node:internal/deps/undici/undici:5885:7)
    at async getEvent (file:///app/dist/server/server.js:3056:24)
    at async eventLoader (file:///app/dist/server/server.js:3066:17)
    at async file:///app/node_modules/react-router/dist/development/chunk-NL6KNZEE.mjs:4139:19
    at async callLoaderOrAction (file:///app/node_modules/react-router/dist/development/chunk-NL6KNZEE.mjs:4191:16)

💿 Hey developer 👋

You can provide a way better UX than this when your app throws errors by providing your own ErrorBoundary or errorElement prop on your route.