Support for opening in-app project-page in new tab using In react router (Error: SignatureDoesNotMatch)

In the Custom UI forge app, I have implemented project page routing following the documentation. When opening the project page in the same tab using the navigate function from react-router it works fine but when opened in a new tab(same link) it displays error text saying " SignatureDoesNotMatch The request signature we calculated does not match the signature you provided."
Is there any alternative approach to fix this?