문제 수가 많아지면 페이지가 늘어나야 함

네, 이해했습니다. 이 문제의 원인은 selectedPage 상태 변수의 초기값이 제대로 설정되지 않았기 때문입니다.

문제 분석

Pagination 컴포넌트에서 selectedPage 상태 변수를 useState(1)로 초기화하고 있습니다.PageButton 컴포넌트에서는 selectedPage를 props로 받아 사용하고 있습니다.PageButton 컴포넌트의 handleClick 함수에서 setSelectedPage를 호출하여 selectedPage 상태를 업데이트하고 있습니다.그러나 Pagination 컴포넌트에서 pageNumber 상태가 변경될 때마다 selectedPage가 업데이트되지 않고 있습니다.

해결 방법

Pagination 컴포넌트에서 useEffect를 사용하여 pageNumber 상태가 변경될 때마다 selectedPage 상태를 업데이트하도록 합니다.