MessageInput innerHtml error

[tunglamforwork]

I am facing an error that it'll crash the app entirely. When I traced the error, it shows into this part:

if (typeof msgRef.current === "undefined") {
  return true;
}

Based on the error, I think the above line should be checking for null not undefined right. Someone please help, thanks a lot!!

[Munaalkebasi]

Yes, the guard misses null. In ContentEditable.jsx, msgRef is created with React.createRef(), and shouldComponentUpdate then reads msgRef.current.innerHTML. typeof null is "object", so the existing check lets a null ref through.

A defensive replacement in that method is:

const node = msgRef.current;
if (node === null || node === undefined) {
  return true;
}

if (nextProps.value !== node.innerHTML) {
  return true;
}

Keep the remaining prop comparisons below it. There is another unguarded read in componentDidUpdate, so that method should also return early when msgRef.current is null/undefined before accessing innerHTML or calling replaceCaret. The focus() method needs the same protection.

React documents that DOM refs become null when the node is removed. These guards address the null dereference, but do not establish why it happens in your app. If it persists, please share your React/library versions and a minimal example showing how MessageInput is mounted and updated. I have checked the source, but have not reproduced your app’s crash.