I have a PaginationComponent that currently works well, looping through a function to generate pagination ranges and displaying ellipses using -1 and -2 to indicate gaps. I want to refactor this component to use useState and useEffect for managing pagination state and dynamically displaying ellipses. Additionally, I want to understand any performance implications given that the component is used with large data tables, sometimes with multiple instances on the same page.