Pagination has no initial state

[KopyTKG]

Hello.

I've been having issues with the Pagination module. The initial state is set from url and it does work for changing pages but it is not showen.

useEffect(() => {
  const newParams = new URLSearchParams(searchParams.toString())
  const pageParm = newParams.get('page') || '1'
  setPage(Number.parseInt(pageParm))
 }, [setPage])

 function ChangePage(newPage: number) {
    if(newPage == page) return
    const newParams = new URLSearchParams(searchParams.toString())
    newParams.set('page', newPage.toString())
    window.location.href = '?' + newParams
 }

     <Pagination
      loop
      showControls
      showShadow
      
      total={max}
      
      initialPage={page}
      page={page}
      onChange={ChangePage}
     />

Is there something i'm doing wrong?

[KopyTKG]

Welp found the issue

[ngodacthien]

How you fix this?

[KopyTKG]

https://github.com/KopyTKG/MovieDB/blob/Live/src/modules/collection.tsx
https://github.com/KopyTKG/MovieDB/blob/Live/src/hooks/useMovies.ts
There is my implementation of the pagination. I hope it is what you are looking for.