use client
를 사용하는것이 강제시 되었다use clent
가 선언된 파일 내의 모든 모듈, 자식 컴포넌트까지 모두 클라이언트 번들로 취급된다styled-components를 사용하려면 최상단에서 root를 감싸줘야하고 그러려면 클라이언트에서 로직이 작성되어야 한다.
하지만 layout.tsx에 use client를 작성시 에러가 난다
이를 해결하기 위해 StyledComponentsRegistry 컴포넌트를 따로 만들고 해당 컴포넌트를 layout.tsx에 끼워넣는 방식으로 사용 하면 된다.