What is the best practive to use Valtio with streaming and suspense

[ivan-angjelkoski]

lets say i have a messagesProxy proxy const, that looks like this: {messages: []}.

how can i first fetch the current messages, and then stream new messages to it, using suspense.. what is the best practice?

[dai-shi]

Valtio isn't really specifically designed for streaming, but you should be able to do something like this.

const messagesProxy = proxy({ messages: Promise.resolve([]) });
const addMessage = (newMessage) => {
  messagesProxy.messages = messagesProxy.messages.then((prev) => [...prev, newMessage])
};