vercel / ai

Build AI-powered applications with React, Svelte, Vue, and Solid
https://sdk.vercel.ai/docs
Other
10.01k stars 1.49k forks source link

UseChat error messages suddenly not working #574

Closed peterdresslar closed 1 month ago

peterdresslar commented 1 year ago

It seems as though something has caused the UseChat error messages to change and break. A small example I worked on last week for a the Anthropic provider worked fine--error message clearing hack notwithstanding--and displayed precisely what you would expect when error was defined and error.message was displayed in the DOM (e.g., 404: Not Authorized).

Now the same repo on the same version of ai assigns an entire HTML document into error.message:

<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><style data-next-hide-fouc="true">body{display:none}</style><noscript data-next-hide-fouc="true"><style>body{display:block}</style></noscript><noscript data-n-css=""></noscript><script defer="" noModule="" src="/_next/static/chunks/polyfills.js?ts=1695148765874"></script><script src="/_next/static/chunks/webpack.js?ts=1695148765874" defer=""></script><script src="/_next/static/chunks/main.js?ts=1695148765874" defer=""></script><script src="/_next/static/chunks/pages/_app.js?ts=1695148765874" defer=""></script><script src="/_next/static/chunks/pages/_error.js?ts=1695148765874" defer=""></script><script src="/_next/static/development/_buildManifest.js?ts=1695148765874" defer=""></script><script src="/_next/static/development/_ssgManifest.js?ts=1695148765874" defer=""></script><noscript id="__next_css__DO_NOT_USE__"></noscript></head><body><div id="__next"></div><script src="/_next/static/chunks/react-refresh.js?ts=1695148765874"></script><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":500}},"page":"/_error","query":{},"buildId":"development","isFallback":false,"err":{"name":"Error","source":"edge-server","message":"{\"error\":{\"type\":\"authentication_error\",\"message\":\"Invalid API Key\"}}","stack":"Error: {\"error\":{\"type\":\"authentication_error\",\"message\":\"Invalid API Key\"}}\n at APIError.generate (webpack-internal:///(rsc)/./node_modules/.pnpm/@anthropic-ai+sdk@0.6.2/node_modules/@anthropic-ai/sdk/error.mjs:40:20)\n at Anthropic.makeStatusError (webpack-internal:///(rsc)/./node_modules/.pnpm/@anthropic-ai+sdk@0.6.2/node_modules/@anthropic-ai/sdk/core.mjs:276:65)\n at Anthropic.makeRequest (webpack-internal:///(rsc)/./node_modules/.pnpm/@anthropic-ai+sdk@0.6.2/node_modules/@anthropic-ai/sdk/core.mjs:321:30)\n at process.processTicksAndRejections (node:internal/process/task_queues:95:5)\n at async POST (webpack-internal:///(rsc)/./app/api/chat/anthropic-sdk/route.ts:32:22)\n at async eval (webpack-internal:///(rsc)/./node_modules/.pnpm/next@13.4.19_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/esm/server/future/route-modules/app-route/module.js:220:37)"},"gip":true,"scriptLoader":[]}</script></body></html>

This also appears to be happening using OpenAI in the route instead of Anthropic. Did some underlying library change?

MaxBalaban commented 10 months ago

I'm facing the same issue. Any ideas on how to solve it?

lgrammel commented 1 month ago

Closing since we changed the architecture in 3.1