I am using Next.js router.replace once the user enters the home page. It’s working great, but the issue is that the back button is still enabled. If I click the back button, it goes to Chrome’s default page. How can I get rid of this?

Hey guys so I have a template component like so that receives a prop breakpointType which could either be server or client. If it’s passed server, then I’d like it to retrieve ServerSide breakpoints where the breakpoints are performed with pure css so no need for use client anywhere. If it passed client then the breakpoints are done client side (w react-responsive). I then use these components in the return jsx.