Adding useAgentChat into an open-next worker causes not valid JSON bug

[moesmufti]

I'm trying to implement the agent-sdk into an existing chat application that runs opennext on a cloudflare worker.

Adding useAgent works fine, but when I add useAgentChat (following the readme), I see:

The stack shows that it triggers on the component that holds the useAgentChat hook within index.tsx (so the subcomponent in there, ).

I tried both the readme version of useChatAgent as well as the implementation in the starter, both cause this.

Short BG: I have the AI agent itself on a separate worker that follows the AI agent chat starter to test, and I want to invoke it in my existing chat application.

[threepointone]

I'm going to guess this is because of the /get-messages call, (which I"m going to rewrite) but I can't say more without a repro

[moesmufti]

Created a very basic repro repo here: https://github.com/moesmufti/opennext-agents-example

The Readme covers all the steps I took to get there. What's funny is that the same hook (useAgentChat) is causing an issue upon implementation, but in the repro the error is different (not invalid JSON but 'can't resolve @ai-sdk/react'). When commenting out the specific hook the error disappears (normal useAgent works).

I have a feeling they are related issues.

[threepointone]

awesome, I'll dig into this today