css 애니메이션

[손예림]

Next.js로 만든 페이지에 button을 client component로 분리해서 onclick시 css로 옆으로 이동하는 애니메이션을 주고 싶은데 
변수를 전달하려고 하니 document is not defined가 떠서 안됩니다. Next.js에선 document.querySelector 같은 것 대신
어떤걸 쓰는지 알 수 있을까요?

[codingapple]

state하나 만들고 
state값에 따라서 UI가 어떻게 보일지 if문같은거 쓰고 
버튼누르면 state 변경하면 됩니다

[글쓴이]

글