Как объединить законченное реагирующее приложение в другое через реагирующий маршрутизатор

Question

Я новичок в реагировании. Я создал пользовательское приложение реагирования (с использованием избыточности) и завершил его. Я также создал раздел администрирования приложения отдельно, используя реакционную систему (используя приставку). У моего приложения администратора уже есть маршруты, а у пользовательского приложения нет. Тем не менее, я люблю вводить приложение администратора в пользовательское приложение, делая их доступными по разным маршрутам, и поэтому мне нужна ваша помощь !! У меня есть пара вопросов

1. Должны ли эти два приложения быть подключены к одному и тому же магазину редуксов?
2. Как я могу обеспечить доступ к пользовательскому приложению через localhost:3000/users между тем приложение администратора, доступное через localhost:3000/admin/
3. Какие шаги я должен предпринять, пожалуйста?

Вот мое приложение. js для приложения администратора, которое отображается в индексе. html

...
import AppRouter from './router/router';

const store = StoreConfig();
const App= (<Provider store={store}>

<AppRouter />
</Provider>);

export default App;

Также вот мой код AppRouter для приложения администратора

...
function AppRouter() {
    return (
        <Router>
      <div className="container">
        <Aside />
        <div className="main-content">
          <AppbarMain />
          <div className="main-body">
            <div className="display-body">
                <Switch>
                    <Route path="/dashboard" exact component={Dashboard} />
                    <Route path="/personal" exact component={PersonalInfo} />
                    <Route path="/availability" exact component={AvailabilityInfo} />
                    <Route path="/behaviour" exact component={BehaviourInfo} />
                    <Route path="/technical" exact component={TechnicalInfo} />
                    <Route path="/registrant" exact component={RegistrantInfo} />
                    <Route path="/applicant/:id" exact component={UserDetail} />
                    <Route component={NotFoundPage} />
                </Switch>
          </div>
            <div className="footer">

            </div>
          </div>
        </div>
      </div>
      </Router>
    );
  }

export default AppRouter;

А вот индекс. js для моего пользовательского приложения

...
const store = StoreConfig();
console.log(store.getState());

const App=  withStyles({

  })((props) =>{ 
    const classes = useStyles();
    return (
    <Container className={classes.container}>
      <MyAppBar />
      <Autoplay />
      <FormViewControl />
      <Footer />
    </Container>

  ) });  

  const jsx= (<Provider store={store}>
    <App />
</Provider>);

ReactDom.render(jsx, document.getElementById('root') );

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