Can stop, isLoading etc be used with useChat({id: 'sameId'}) called from different components?

[martinjo]

I'm writing a SvelteKit application and I'm using useChat in different parts of my UI.

The problem I'm having is that isLoading and stop() will only work for the "same" useChat instance. If I call stop() from one component when a message was appended from another component nothing will happen.

Same problem with isLoading. It will only update if I append a message from the same place as I'm using isLoading.

Is this by design? Perhaps I'm missing something obvious here?

[MaxLeiter]

You can pass an id into your useChat({}) params to sync multiple useChat calls

https://sdk.vercel.ai/docs/api-reference/use-chat

[martinjo]

That works fine for messages, but isLoading and stop seems to be working as I described above.

I get my references like this:
const { input, setMessages, messages, append, isLoading, stop} = useChat({'id': '1'});
(I have only one chat).

[brunobely]

In React at least, the input returned from useChat with matching ids is not kept in sync with others (using [email protected])

[HarshaVardhanNakkina]

I thought I had the same problem, but the actual problem is I was using isLoading in the component instead of $isLoading.