React refs and element height???

Question

React

The rest of the chat window, I want to push the scroll to the bottom of the component and use react.React.createRef() to create this.windowRef.scrollTop = this.windowRef.scrollHeight on didMount and DidUpdate

constructor(props) {
    super(props);
    this.windowRef = React.createRef();
  }

  componentDidMount() {
    const wind = document.querySelector('#window');
    console.log(wind.scrollHeight);
    this.windowRef.scrollTop = this.windowRef.scrollHeight;
  }

  componentDidUpdate() {
    this.windowRef.scrollTop = this.windowRef.scrollHeight;
    console.log(this.windowRef.scrollHeight);
  }

by id everything works but with ref error
Cannot add property scrollTop, object is not extensible
and even this.windowRef.scrollHeight = underfied

Answer 1

console.log(this.windowRef.current.scrollHeight)