Error when using <Message> Component
render() {
return (
<ThemeProvider>
<MessageList active>
<p>{this.props.uid}</p>
<MessageGroup>
<Message>
<MessageText>Hey my friend!</MessageText>
</Message>
</MessageGroup>
</MessageList>
</ThemeProvider>
)
}
im getting the error below when i run the code.It seems to be caused by <Message>: Uncaught TypeError: Cannot read property 'scrollTop' of undefined at isScrollOnBottom (webpack-internal:///592:7258) at WithPinnedScroll.componentWillUpdate (webpack-internal:///592:7374) at eval (webpack-internal:///2107:708) at measureLifeCyclePerf (webpack-internal:///2107:73) at ReactCompositeComponentWrapper._performComponentUpdate (webpack-internal:///2107:707) at ReactCompositeComponentWrapper.updateComponent (webpack-internal:///2107:642) at ReactCompositeComponentWrapper.receiveComponent (webpack-internal:///2107:544) at Object.receiveComponent (webpack-internal:///85:122) at Object.updateChildren (webpack-internal:///2105:107) at ReactDOMComponent._reconcilerUpdateChildren (webpack-internal:///2130:204)
Hi there 👋
Could you share a sample project with the issue reproduced? It can be on something like https://codesandbox.io/ .
I've made a fresh copy of this repository and it seems to work just fine, I've also tried to slimmed down the code to exactly what you have pasted in, but still cannot reproduce it.
Does this error happen in a browser or some other environment (like during SSR or in tests)?