Конфликт коммутатора Reactjs

Question

Я использовал React router, как показано ниже, но моя страница account возвращает 404.

<Router>
            <Switch component={App}>
                <Route exact
                    path={CelestialSettings.path + 'account'}
                    render={(props) => <App header={<Header />} main={<Register />} sidebar={<Popular />} feature={<Featurex />} mainbottom={<Categories />} />} />
                <Route exact
                    path={CelestialSettings.path + 'posts/:slug'}
                    render={(props) => <App header={<Header />}
                        main={<Detail detailink={CelestialSettings.path + 'posts/:slug'} />}
                        sidebar={<Popular />}
                        feature={<Featurex />}
                        mainbottom={<Categories />} />} />
                <Route exact={true}
                    path={CelestialSettings.path + ':slug'}
                    render={(props) => <App header={<Header />}
                        main={<Page />}
                        sidebar={<Popular />}
                        feature={<Featurex />}
                        mainbottom={<Categories />} />} />
                <Route exact
                    path={CelestialSettings.path + 'category/:slug'}
                    render={(props) => <App header={<Header />} main={<Category />} sidebar={<Popular />} feature={<Featurex />} mainbottom={<Categories />} />} />

                <Route exact
                    path={CelestialSettings.path}
                    render={(props) => <App header={<Header />} main={<Blog add_category="" />} sidebar={<Popular />} feature={<Featurex />} mainbottom={<Categories />} />} />

                <Route render={(props) => <App header={<Header />} main={<NotFoundPage />} sidebar={<Popular />} feature={<Featurex />} mainbottom={<Categories />} />} />

            </Switch>
        </Router>

Может ли кто-нибудь помочь мне проверить это?