We recently launched our new website using the combination of Prismic, Next.js, and Amplify. Currently, we have transitioned some of our pages to Prismic, but we also need to continue serving our existing files. To achieve this, we decided to split traffic using CloudFront, which has worked well overall. However, we've encountered a specific issue related to the mobile hamburger menu.
When users click on the hamburger menu on mobile devices, we encounter the following error:
Failed to fetch RSC payload. Falling back to browser navigation. TypeError: Failed to fetch
Additionally, when examining the network activity in the browser, we notice that all our prismic URLs are fetching from every page with the following search parameter:
We are uncertain about the origin of this issue and would greatly appreciate input from experts in the field.