485-props-cancelled-error-in-console

[PhilKsr]

DESCRIPTION

Fix the Error: Loading initial props cancelled

TO-DO

• [ ] implement and update tests
• [ ] update docs
• [ ] pull main & resolve merge conflicts
• [ ] check Vercel deployment

CLOSES

closes https://github.com/Frachtwerk/essencium-frontend/issues/485

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
app	✅ Ready (Inspect)	Visit Preview	Mar 5, 2024 10:41am
docs	✅ Ready (Inspect)	Visit Preview	Mar 5, 2024 10:41am

[nx-cloud[bot]]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit a42fe93a4272b04326f4aaa106b7215929a1c27d. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 2 targets

- [`nx build @frachtwerk/essencium-app`](https://cloud.nx.app/runs/pkk2jN91Ye?utm_source=pull-request&utm_medium=comment) - [`nx affected --target=lint --parallel=10`](https://cloud.nx.app/runs/5MVPq55gPa?utm_source=pull-request&utm_medium=comment)

---

Sent with 💌 from NxCloud.

[PhilKsr]

PR closed for now. It's a bug in next (router). Issue is caused because the next router is initial interrupted by a useEffect to set the locale in the AuthLayout.tsx. Tested several other ways to set the locale in the router but none of them worked. Only known "fix" is to set a timeout to let the router first load the page and serverside props and then replace the same path with the locale.

We agreed on waiting for the next 14 upgrade and investigate the issue again afterwards. If it still shows up and no proper fix is available we thought about a workaround like catching the error and return an empty object to avoid the thrown error.