-
-
Notifications
You must be signed in to change notification settings - Fork 52
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
<LazyHydrate> suppresses <client-only> #83
Comments
Pleas provide a minimal reproduction when you're still interested in a fix. |
I think he about hydration error if use client-only and lazy-hydration |
For us this is happening consistently but not in all places where we use But in the end it's a The workaround is to create your own const ClientOnlyFixed = defineComponent({
setup(props, { slots }) {
const render = ref(false);
onMounted(() => (render.value = true));
return () => render.value ? h('span', {}, slots.default()) : h('span');
},
}); |
@MartinMalinda @maoberlehner I'm experiencing a similar problem as above from Martin, where using
Edit: I think I've fixed it. The problem was with async components (() => import) and using mounted hook for API requests, because the mounted hook within lazy-hydration was called before it finished the api call. Using classic import and fetch hook resulted in |
In this case:
<client-only>
does not work.Some details.
The text was updated successfully, but these errors were encountered: