Интеграция React Router с Unstated

Question

Следующий код, где каждый компонент включает <Subscribe to={[ZebraContainer]}> вызывает создание ZebraContainer три раза. Существует ли принятый шаблон для сохранения ZebraContainer в качестве глобального синглтона и создания только один раз?

  <Provider>
    <BrowserRouter>
      <div className="App">

        ...

        <Route path="/foo" component={Foo} />
        <Route path="/bar" component={Bar} />
        <Route path="/baz" component={Baz} />

      </div>
    </BrowserRouter>
  </Provider>

Answer 1

В неустановленных контейнерах АР синглтоны. Они не восстанавливаются при повторном рендеринге компонентов.