search

nuxt / nuxt.com

The Nuxt website, made with Nuxt.
https://nuxt.com
MIT License
263 stars 124 forks source link

query parameters on module page result in hydration mismatch #1455

Open danielroe opened 6 months ago

danielroe commented 6 months ago

(reported on discord) you can see by hard-reloading https://nuxt.com/modules?q=svg, for example.

probably similar to https://github.com/nuxt/nuxt.com/issues/1417

benjamincanac commented 6 months ago

@danielroe Any hint on how to fix this?

danielroe commented 6 months ago

I would suggest all filtering needs to take effect on client side after mount, or these categories need to be not query strings, but part of the URL.

Atinux commented 6 months ago

This will be fixed once we move to SSR mode

Barbapapazes commented 5 months ago

same as https://github.com/unjs/website/pull/245/files#diff-7cf52a09046782a904949a0234e9fcc2ff01096b0a9ff93788c5d65bf03f2848R224.

I've got the same issue for UnJS website. Using the new Vue flag (and advice from Daniel), https://vuejs.org/api/compile-time-flags.html#VUE_PROD_HYDRATATION_MISMATCH_DETAILS, helps me to debug this.