How to store state in localstorage ssr await/async?

Question

React

Tell me how to save the state in localstorage srr
I have a block that is open by default. If you hide it, then when you refresh the page, it opens and then immediately disappears! How can I prevent it from opening on page refresh?

state = {
    closed: false
  }

componentDidMount() {
    if (localStorage.getItem('state')) {
      this.setState({ ...JSON.parse(localStorage.getItem('state')) })
    }
  }

componentDidUpdate() {
    if (this.state.closed === true) {
      document.body.classList.add('block-closed')
    } else {
      document.body.classList.remove('block-closed')
    }
  }

Answer 1

localStorage is synchronous. Why not use the value from it when initializing the state?

componentDidUpdate() {
    if (this.state.closed === true) {
      document.body.classList.add('block-closed')
    } else {
      document.body.classList.remove('block-closed')
    }
  }

This is how you shouldn't do it. This is how it should be done.