Showing pagination component twice in one page not updating in sync

I have one pagination component that I am showing twice on the same page. When I click the pagination block to change pages the other block stays the same as its first render. I am wondering how can I keep them in sync?

It is important to mention the pagination components props are held in the parent component. One pagination block is in the parent and one is in the child of the parent but they both rely on the same props and trigger the same functions. How can I have them update in sync?