search

nuxt / icon

The <Icon> component, supporting Iconify, Emojis and custom components.
https://stackblitz.com/edit/nuxt-icon-playground?file=app.vue
MIT License
874 stars 38 forks source link

Icon in parent page makes setup script runs twice when child route. (Hydration node mismatch) #36

Open teamboot88 opened 1 year ago

teamboot88 commented 1 year ago

Icon in parent page makes setup script runs twice when child route.

Reproduction https://stackblitz.com/edit/github-dgdjfn-hhmxav?file=pages/[username]/index/posts.vue

(If I remove Icon component, It works properly)

I'd appreciate it if you could tell me how to solve it.

teamboot88 commented 1 year ago

I think it's a critical issue. When can it be modified?

teamboot88 commented 1 year ago

Currently, I show it only when the pending value of lazyFetch is true, or I am detouring it with the ClientOnly tag. Is there a better solution?

Frallen commented 1 year ago

I have the same warning, and it is not found everywhere

Frallen commented 1 year ago

I get it when I render a component next to it