How to render stream output of LLM in the custom UI components?

[minor6th]

I'm building a custom UI of a multi-agent system, so I have to use custom components which render UIEvent.

Everything goes well until I started to implement the streaming effect of the agent output. When I wrap the output delta of the AgentSteam events in UIEvents, the web page freezed after about 2000 events and I got the Minified React error #185 in chrome's console eventually.

I think the cause may be that the custom UI component needs to re-render for each UIEvent, but since I'm not familiar with React, I cannot find a work around.