title: Router.push or Link not rendering/refreshing the page even thought the url is updated nextjs
body: <p>I apologize for my horrendous way of explaining my issue. I have shared a link below description which is exactly the same issue I am experiencing. Any kind of help would be greatly appreciated.</p>
  <p>I have directory path like pages/request/[reqid].js . When my url is localhost:3000/xyz and  I navigate to pages/request/1 by clicking a button on the current page, the page successfully loads the page with proper data from [reqid=1] but when I try to access  pages/request/[reqid].js with different reqid (say suppose reqid=2), the url reflects the correct the reqid pages/request/2 but the page remains the same, doesn't change. However if I go back to other pages like localhost:3000/xyz and click a button there to navigate to pages/request/2 it works but from within  pages/request/[reqid] it doesn't render a page associated to the corresponding reqid even thought the url is updated. I have tried both Link and router.push ,both fails to render the correct reqid page.</p>
  <p><a href="https://github.com/vercel/next.js/issues/26270" rel="nofollow noreferrer">https://github.com/vercel/next.js/issues/26270</a></p>