Reactjs Mobx react观察器未与view react路由器同步

我已经能够在我的常规页面上成功地使用mobx，但是我有一个复杂的页面，我想创建它，所以我决定将的嵌入到组件render中，这个组件工作得非常好

render = () => (
  <InAppLayout fullWidth noPageTitle role={Constants.userRoles.hospital}>
    <SplitView list={this._renderList()}
      headerList={this._renderDoctorMenu()}
      headerSlotContent={this._renderHeader()}
      loading={HospitalStore.doctorsLoading}>
        <Switch>

          <Route exact path={`${this.state.pageBaseLink}`} 
                render={()=><div className="no-result">
                              <h1>No Doctor has been selected</h1>
                            </div>} 
          />

          <Route path={`${this.state.pageBaseLink}create_new`} 
            component={()=> <AddDoctor /> } 
          />

          <Route path={`${this.state.pageBaseLink}:id/schedule`} 
            component={()=> <DoctorSchedule /> 
          }/>

          <Route path={`${this.state.pageBaseLink}:id`} 
            component={({match})=><DoctorCalendar />} 
          />

          </Switch>
    </SplitView>
  </InAppLayout>
)

在我之前的几页中，它对我很有效，但在这个特殊的案例中它不起作用，我不知道为什么。当我从另一个页面导航到该页面时，它会工作，但当我通过链接访问该页面或刷新该页面时，观察者会停止工作，并且我的数据不会同步

const Doctors = observer(
  class Doctors extends HospitalBase {