Cookie-файл Reactjs пуст в подчиненном маршруте с использованием universal-cookie

Question

каждый раз перед загрузкой приложения я проверяю cookie, чтобы определить, куда перемещаться.

Я проверяю куки в методе внутри App.js.

Это три Маршрута, которые я использую в App.js с именем checkCookies ().

 import Cookies from "universal-cookie";
 import _ from "lodash";

 checkCookies();

class App extends Component {
 render() {
   return (
    <Provider store={store}>
      <BrowserRouter>
        <Switch>
          <Route
            exact
            path="/car"
            component={Car}
          />
        </Switch>
        <Switch>
          <Route
            exact
            path="/car/bmw"
            component={BMW}
          />
        </Switch>
        <Switch>
          <Route exact path="Ferrari" component={Ferrari} />
        </Switch>
      </BrowserRouter>
    </Provider>
   )
  }
}

Код для метода checkCookies следующий:

checkCookies(){
    let model = cookies.get("model");
    if(_.isEmpty(model) || model==""){
       // do this
    }
 }

когда я пытаюсь получить доступ к cookie-файлу на маршруте "/ car", он работает, но когда я пытаюсь получить доступ к cookie-файлу на маршруте "/ car / bmw" или "/ car / ferrari", он не работает. Но когда я переименую его из "/ car / bmw" просто в "/ bmw", это работает. Но я не хочу менять имя URL. URL должен оставаться таким, какой он есть.

Как я могу расставить все точки?