Redux status updates to non-routed page components in real time?

normal routing page gets redux:

/ / container.js

//react-redux redux-thunk
export default withRouter(connect(mapStateToProps, mapDispatchToProps)(couter));

route.js

const AppRouter = () => (
  <HashRouter>
      <UI/>
      {
        routes.map((page, index) => page.component ?
          <Route key={index} exact path={page.path} component={page.component}/> : "")
      }
  </HashRouter>
);

question:
1. How do shared ui components get updated state? in real time? Real-time access cannot be achieved through store.getState ()!

Note:
each page updates the state of ui through dispatch (loading), dispatch (hideloading), and dispatch (alert).

Mar.10,2021

resolved! I got a little dizzy when I turned around from vue.

Menu