nuxt-modules / nuxt-modules/sanity
Hydration issue with Buttons/Marks inside ListComponents
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 265
- Forks
- 43
- Avg merge
- 11h
- Merged PRs (30d)
- 18
Description
Not sure this is a bug with Sanity but rather my own Nuxt setup. Any help would be appreciated!
Version
module: 1.6.0
nuxt: 3.1.1
srr: true & false
components: {
global: true,
loader: true,
dirs: ['~/components'],
},
What is expected?
ListComponent renders Marks on both SSR and Client Side
What is actually happening?
ListComponent only renders Marks when loading page directly, not when browsing between pages
Things I've tried
Importing serializers directly using both import and resolveComponent - asynchronous component does not seem to affect the rendering/hydration
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the issue with Nuxt 3.1.1, SSR enabled and disabled, comparing direct page loads with client-side navigation. Check how ListComponents render Buttons and Marks in each path; done means Marks render consistently during both SSR hydration and client-side navigation.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- nuxt, typescript
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 28/100