Skip to content
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

[Bug?]: Hydration mismatch #1672

Open
2 tasks done
YosefBayoude opened this issue Nov 5, 2024 · 0 comments
Open
2 tasks done

[Bug?]: Hydration mismatch #1672

YosefBayoude opened this issue Nov 5, 2024 · 0 comments
Labels
bug Something isn't working

Comments

@YosefBayoude
Copy link

Duplicates

  • I have searched the existing issues

Latest version

  • I have tested the latest version

Current behavior 😯

Getting hydration mismatch errors

Expected behavior 🤔

The component should render

Steps to reproduce 🕹

Steps:

  1. Install Tanstack query
  2. Call fetch() with Tanstack query (regular async functions do not seem to cause this issue)
  3. Use a <Switch> <Match> </Match> </Switch>
  4. Reload the page and watch the error happen

Another way I did this, was to take the existing example from Tanstack query, and simply add a <Switch> <Match> </Match> </Switch>, can be found in the 'Mixed' page here : https://stackblitz.com/edit/tanstack-query-regvcz?file=src%2Fcomponents%2Fuser-info.tsx
This issue only seems to happen on the first fetch() call.

Context 🔦

As mentioned by #1174 (comment), I'm opening a new issue here, since the previous one was crowded.
Another point of note, I don't know if this is an issue related to Tanstack query, or with Solid Start, but since the error shows hydration issues, specifically with the use of <Switch> <Match> </Match> </Switch>, I thought I would put it here.
Let me know if this needs to go Tanstack instead.

Your environment 🌎

OS: MacOS Sonoma
solid-start: 1.0.10
@YosefBayoude YosefBayoude added the bug Something isn't working label Nov 5, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant