궁금한게 있습니다.

실제 일기장 프로젝트를 보면요

App.js 에

  return (
    <>
      <DiaryStateContext.Provider value={data}>
        <DiaryDispatchContext.Provider value={{ onCreate, onUpdate, onDelete }}>
          <Routes>
            <Route path="/" element={<Home />} />
            <Route path="/new" element={<New />} />
            <Route path="/edit/:id" element={<Edit />} />
            <Route path="/diary/:id" element={<Diary />} />
            <Route path="*" element={<Notfound />} />
          </Routes>
        </DiaryDispatchContext.Provider>
      </DiaryStateContext.Provider>
    </>
  
);

이렇게 되어있고

다른 페이지 ( Diary,Ediit,Home,New) 등 페이지에서는

Header 을 공통적으로 include 하고 있는데요 .

혹시 이걸 시작하는 App에서다가 추가하고 실제 Diary에 적용되도록 하는 방법이 혹시 있을까요 ..?

먼가 페이지 마다 인클루드 할려니깐 .중복되는코드 같아서요