reactjs - NEXT JS - How to remove Query Params?

Question

How can I remove or update query params without refreshing the page in Next JS (React)?

1. The user is on the URL /about?login=success&something=yes
2. Click a button and removes ?login=success&something=yes from the URL without refreshing the page. The URL after clicking the button will be /about

How can I achieve it?

As mentioned in this thread, I know that is possible to remove query params or query strings with Router. But, useLocation and useHistory are not avaliable on next/router.

Answer 1

According to the History, you can using history.replaceState to implement this.

window.history.replaceState(null, '', '/about')