I've been working on this NextJS web app on my own, and sometimes when I open it in a new tab I get an application console error, in which I get the following error in the console: "cannot destructure property 'parallelRouterKey' of 'e'" and Minified React error #423

The issue is that the error doesn't always appear when you open it, but when it does it breaks my app and it becomes unusable, with the user having to reload the entire website, sometimes several times to get rid of it.

Obviously this is terrible for the user and I've been trying everything to fix it (google, stackoverflow, chatGPT, etc.) and it still appears every now and then. I noticed that the error often occurs when you hard reload + clear cache or when you visit the tab after you leave it open for a while, leading me to suspect it might be a caching or data fetching issue (I'm using firebase firestore as my database, but the error also occurs on pages that don't fetch data from my firestore database). But other than that I don't really know what's causing the error.

At this point I'm at wits end and I have no idea why or where the error is coming from. If anyone has any pointers or guidance please let me know.

Here's the website and github repo:

https://www.hackpost.guide/

https://github.com/hackpostguide/site