Problem in NextJS Routing Where .push with shallow causing extra render

Question

I have the following code that every time onClick gets executed, the page gets rendered twice. I want the URL to update silently which is why I have the shallow: true set, b