Can't access updated state in (then) function. react 18

I have next function

 this.props.dispatch(check_cluster(obj)).then(() => {

    if (this.props.cluster_info) {
    console.log(this.props.cluster_info) - // there old State when use React 18 render!!!
    }
   
  })
  return;
} else {
  this.props.pageChange()
}

}

So if I use setup for React 17 like this:

    const render = Component => {
  return ReactDOM.render(
    <Provider store={store}>
      <BrowserRouter>
        <Component />
      </BrowserRouter>
    </Provider>,
    document.getElementById('root')
  );
};

render(App);

all works fine!!

but if I switch that react propose:

  const root = clientRoot(document.getElementById("root"));

const render = Component => {
  return root.render(
    <Provider store={store}>
      <BrowserRouter>
        <Component />
      </BrowserRouter>
    </Provider>
  );
};

I can't access updated state!