Как организовать правильную структуру?

У меня компонент where определяет куда отправить пользователя в зав-ти зареган он или нет.

where.js

const Where = () => {
  const currentUser = storage.getCurrentUser();
  if (!currentUser) {
    return <Redirect to="/reg" />;
  }
  return <Redirect to="/" />;
};

export default Where;

runApp.js

const runApp = () => {
  if (!storage.isInit()) {
    storage.initDataBase();
  }

  const store = configureStore({ reducer });

  render(
    <BrowserRouter>
      <Provider store={store}>
        <Where />
        <Switch>
          <Route exact path="/reg" component={RegistrationPage} />
          <Route exact path="/auth" component={AuthenticationPage} />
          <Route exact path="/" component={Home} />
        </Switch>
      </Provider>
    </BrowserRouter>,
    document.getElementById('root'),
  );
};

По сути само наличие компонента where излишне, но без него не могу по другому придумать

const Where = () => {
  const currentUser = storage.getCurrentUser();
  if (!currentUser) {
    return <Redirect to="/reg" />;
  }
  return <Redirect to="/" />;
};

export default Where;

const runApp = () => {
  if (!storage.isInit()) {
    storage.initDataBase();
  }

  const store = configureStore({ reducer });

  render(
    <BrowserRouter>
      <Provider store={store}>
        <Where />
        <Switch>
          <Route exact path="/reg" component={RegistrationPage} />
          <Route exact path="/auth" component={AuthenticationPage} />
          <Route exact path="/" component={Home} />
        </Switch>
      </Provider>
    </BrowserRouter>,
    document.getElementById('root'),
  );
};

можно использовать HOC или хук, который при отсутвии регистрации рендерит компонент, который живет под путем /reg сейчас у тебя

самому написать хук?

вполне

Ок, но ты меня натолкнул на такую мысль, кстати работает)

{currentUser ? <Redirect to="/reg" /> : <Redirect to="/" />}

но у тебя можно сделать проще, ты же основышаешь на каких-то данных по регистрации.

возвращай прям компонент, который должен

тебе виднее

а потом внутри, когда редиректы есть, дублируется отображение компонентов

Все равно спасибо! 👍

Как организовать вложенность компонентов и обеспечить доступность стора во всех компонентах?

    <BrowserRouter>
      <Provider store={store}>
        {currentUser ? <Redirect to="/reg" /> : <Redirect to="/" />}
        <Switch>
          <Route exact path="/reg" component={RegistrationPage} />
          <Route exact path="/auth" component={AuthenticationPage} />
          <Route exact path="/" component={Home} />
        </Switch>
      </Provider>
    </BrowserRouter>,

Компонент Home состоит из двух компонентов: Header & ItemsList.
Но до них store не доходит, почему-то.

    <BrowserRouter>
      <Provider store={store}>
        {currentUser ? <Redirect to="/reg" /> : <Redirect to="/" />}
        <Switch>
          <Route exact path="/reg" component={RegistrationPage} />
          <Route exact path="/auth" component={AuthenticationPage} />
          <Route exact path="/" component={Home} />
        </Switch>
      </Provider>
    </BrowserRouter>,

Если у тебя редакс, тебе нужно подключать каждый компонент к стору

Калину?

Если у тебя редакс

нашел) Не правильно использовал юзСелектор! Спасибо Дружище!

Всем привет! Есть профиль, меняю фото юзера, сейчас поменялся только главное фото, а в хедере нет, и после перезагрузки страницы фото исчезает

Ну так запрос фейлится

Самое интересное что именно с этой фоткой проблемы, а если на другую менять то все ок