Nextjs - url changed but page not changing issue

I got a strange behaviour, and can not figure out what could cause the issue.

For our Terms and conditions, Cookie policy, Privacy etc pages, we have localized pages, where we use custom targeting for locales and using the new data binding by locale:

For example:
General terms:

EN: Builder.io: Drag and drop page builder and CMS
DE: Builder.io: Drag and drop page builder and CMS
etc more languages

Cookie policy:
EN: Builder.io: Drag and drop page builder and CMS
DE: Builder.io: Drag and drop page builder and CMS
etc more languages.

Everything looks good, when we look at this pages, but the problem comes when we click on the blue arrow menus:

Although the menus have the correct urls:

In live:
Currently on the general terms page, looks good (css is breaking though)

When I click on the cookie notice menu:


The URL is changed, the css fixed, and the menu changed, but the content stays the same like the previous site (General terms), I think something is wrong with the data binding, tries to load the wrong data?

If I refresh the page, it loads correctly:

Can you please check out what can cause the issue? I think it is the data binding, because on other pages I did not use this feature and no problem at all.

Link for try out live:
https://2022-barion-com.vercel.app/en/cookie-notice/

Hey @radikris are you able to share the code for the page that this lives on?

I think this could either be related to the Content JSON not passing correctly, or are you possible using next/link for linking ? Finally, if there is some sort of preventDefault or something on the links to update the content that could also be something to look into…

If you can share the code I would be happy to take a closer look!

Hey @TimG , I sent you via email the source code