ui: fix messagepad render, fix #1074

packages/ui-default/components/messagepad/MessagePadDialogueListContainer.jsx

@@ -23,10 +23,6 @@ const mapDispatchToProps = (dispatch) => ({
 
 // eslint-disable-next-line react-refresh/only-export-components
 export default connect(mapStateToProps, mapDispatchToProps)(class MessagePadDialogueListContainer extends React.PureComponent {
-  componentDidMount() {
-    $(this.refs.list).scrollLock({ strict: true });
-  }
-
   render() {
     const orderedDialogues = _.orderBy(
       _.values(this.props.dialogues),
@@ -36,7 +32,7 @@ export default connect(mapStateToProps, mapDispatchToProps)(class MessagePadDial
       'desc',
     );
     return (
-      <ol className="messagepad__list" ref="list">
+      <ol className="messagepad__list" ref={(ref) => $(ref).scrollLock({ strict: true })}>
         {_.map(orderedDialogues, (dialogue) => (
           <ListItem
             key={dialogue._id}