Does this really work? Seems to me that the taskStream itself doesn't necessarily have its reference (instance) value change? Since the error is what actually "drives" redraws here, it seems to me that if this works then it's accidentally because the surrounding component had to redraw itself, right? Essentially I'm asking if there should be a singe error?: Error | undefined prop instead

It does work, I checked it on fresh instances.

So I chose to take the entire TaskStream Prop as in the future we may be extracting errors from EventStream stepLogs , yeah for now we can only take a single prop, should I make that change?

Made the change

This will update the id on every repaint, which probably is not desirable. The render phase should be side-effect-free. Maybe you could have something like this (untested written out of my own head):

const id = useRef('');

useEffect(() => {
  id.current = String(Math.random());
}, [error]);

and then use id={id.current}

This is much better, thanks!