I want to use Nuxt's NuxtClientFallback
component and build a wrapper component around it.
Unfortunately, when building a wrapper component around it, it does not behave as expected.
Make sure to install the dependencies:
yarn install
yarn dev
Go to:
- http://localhost:3000/works -> expected behaviour
- http://localhost:3000/bugs -> bug behaviour
/works
page
When opening this page
- SSR:
- component A : renders an error message ✔️
- components B & C : render their defaut template ✔️
- Client (after hydration)
- component A : renders an error message ✔️
- components B & C : render their defaut template ✔️
Screencast.from.29-07-2024.17.37.41.webm
/works
page
You will see that, on SSR, component A has rendered its error message and components B+C render their default template ☑️
But, after hydration, components B+C render an error message even though only A has failed ❎