I want to know, how to maintain pagination according to the user selection?

For example, I have 5 routes like About, Home, Contact, etc.. in each of that routes I'll be listing out more pages using pagination, so here if i select 3rd page of About to view and while i return to Home there also 3rd page will be active without user selection. AS like the current-page, the page-size to view also getting the same, like what size I'm choosing at About to view the same size will be viewing at Home also without the user selection.

Initially while visiting the component it should start from 1st page and as per the user it should change.

I found , that i can use state variable instead of global

How to get rid of this? Can anyone help me out ....