Hydration error[BUG]

[chayG5]

Describe the bug

Hydration error:

To Reproduce

Steps to reproduce the behavior:

1. docker-compose up on landing page branch

[frinzekt]

to make debugging easier... The reason why this is happening is because the "server-side render" of nextJS is resulting with a different data or display upon when it is loaded by "client-side render".

The libraries that are good to look into in terms of integration are:

• swr
• nextjs
• material ui

[frinzekt]

Closer dive on the issue reveals it is SWR see vercel/swr#1906 ... this explains why I have never faced this issue before... For the fact that we don't need react to be version 18 specifically, I will be reverting it to around ^17.0.2 (same as spontane)