Root컴포넌트에 state를 붙여도 될까요?

[mtm-git1018]

개발하려는 헤더가 메인페이지 내에서는 투명상태로 보였다가 스크롤을 내리면 불투명하게 보여지도록 개발하려고 하는데,

메인페이지 내에서만 이러한 헤더를 사용하니까 root 컴포넌트에 state붙여서 관리하는게 좋을것같습니다.

그런데 root에다가 훅을 붙이려니 이래도 되나 싶어서 먼저 논의해보고싶습니다.

[eafiseemn]

대충 찾아보니까 이런 식으로 홈페이지 헤더만 홈으로 설정하고, 사이트 전체에 적용되는 두 번째 헤더를 사용하는 방식을 쓰라는 얘기가 좀 보이네요

{
  path: "/",
  element: <HomeLayout />,         // 투명 + 스크롤 감지 헤더를 쓰는 레이아웃
  children: [{ index: true, element: <HomePage /> }]
},
{
  path: "/",
  element: <DefaultLayout />,      // 불투명 헤더를 쓰는 기본 레이아웃
  children: [...]
}

context API 쓰거나 Intersection Observer? 를 Home에만 붙여서 쓰는 방식도 있는 것 같은데
Header가 나중에 로그인 상태에 따라서도 버튼이 달라져야하는데 context 두 개 붙이면.. 그렇다고.... 꼬이지는 않겠지만.. 음..

[eafiseemn]

아니면 멘토링 세션 때 여쭤볼까요?ㅋㅋㅋㅋ

[mtm-git1018]

질문게시판이도 남겨볼게요! 검색창만 하구요...