javascript – PerfectScrollbar redireciona para baixo ao atualizar o componente

Estou tendo problemas com o PerfectScrollbar, possso um componente de Chat que toda vez que eu subo a lista de mensagens e clico fora do chat o componente atualiza e seu scroll manda pra ultima mensagem recebida. (para baixo)

Gostaria que o scroll ficasse em baixo somente quando o componente carregar pela primeira vez.

 class ChatContainer extends Component {
  constructor(props) {
    super(props);
    this.state = {
      messageInput: "",
    };
  }

  componentDidMount() {
 
    let id = this.props.id;
    if (id) {
      this.props.getMessages(id);
    }
  }

  componentDidUpdate() {
    if (this._scrollBarRef) {
      this._scrollBarRef._ps.element.scrollTop = this._scrollBarRef._ps.contentHeight;
    }
  }

Tentei utilizar a logica no ComponentDidMount porem retorna undefined.