Элемент статический на React App с реагирующим маршрутизатором

Question

У меня вопрос, возможно иметь статический компонент в приложении реагирования с реагирующим маршрутизатором, например, в моем приложении у меня есть это

<Router>
      <Switch>
        <Route exact path="/"  render={(routeProps ) => <Home  data={props.data} isPeddingHome={props.isPeddingHome} onGetShows={props.onGetShows}  {...routeProps} />}/>
        <Route path="/movies" render={(routeProps) => <MoviesPage isPeddingMovies={props.isPeddingMovies} movies={props.movies} onGetMovies={props.onGetMovies} {...routeProps} /> }/>
        <Route path="/tvSeries" render={(routeProps) => <TvSeriesPage  isPeddingSeries={props.isPeddingSeries} series={props.series} onGetSeries={props.onGetSeries} {...routeProps}/>}/>
        <Route path="/tv/:id"  render={(routeProps) => <TvDettailsRoute key={routeProps.match.params.id} {...routeProps}/>}/>
        <Route path="/movie/:id"  render={(routeProps) => <MovieDettailsRouter key={routeProps.match.params.id}  {...routeProps}/>}/>
        <Route path="/register" render={(routeProps) => <Register />} />
        <Route path="/login" render={(routeProps) => <Login /> } />
      </Switch>
 </Router>

и на каждом компоненте, который я вызываюзаголовок, может иметь ia ситуацию, как это?

<header>
 <Header />
 <Search />
</header>
<Router>
          <Switch>
            <Route exact path="/"  render={(routeProps ) => <Home  data={props.data} isPeddingHome={props.isPeddingHome} onGetShows={props.onGetShows}  {...routeProps} />}/>
            <Route path="/movies" render={(routeProps) => <MoviesPage isPeddingMovies={props.isPeddingMovies} movies={props.movies} onGetMovies={props.onGetMovies} {...routeProps} /> }/>
            <Route path="/tvSeries" render={(routeProps) => <TvSeriesPage  isPeddingSeries={props.isPeddingSeries} series={props.series} onGetSeries={props.onGetSeries} {...routeProps}/>}/>
            <Route path="/tv/:id"  render={(routeProps) => <TvDettailsRoute key={routeProps.match.params.id} {...routeProps}/>}/>
            <Route path="/movie/:id"  render={(routeProps) => <MovieDettailsRouter key={routeProps.match.params.id}  {...routeProps}/>}/>
            <Route path="/register" render={(routeProps) => <Register />} />
            <Route path="/login" render={(routeProps) => <Login /> } />
          </Switch>
     </Router>

с маршрутизатором вызывать только компонент, который изменить?

edit: я хочу, чтобы заголовок всегда был статическим на веб-сайте, затем сМаршрут загрузки компонента в базе пути, так что мне не нужно загружать хадер для каждого компонента