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鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug?]: SuspenseList hydration error #2124

Open
2 tasks done
ryoid opened this issue Apr 6, 2024 · 2 comments
Open
2 tasks done

[Bug?]: SuspenseList hydration error #2124

ryoid opened this issue Apr 6, 2024 · 2 comments
Labels
bug Something isn't working

Comments

@ryoid
Copy link
Contributor

ryoid commented Apr 6, 2024

Duplicates

  • I have searched the existing issues

Latest version

  • I have tested the latest version

Current behavior 馃槸

Using <SuspenseList> causes hydration error. Not sure if this is a SolidStart issue.

Expected behavior 馃

It should control order suspense are revealed.

Steps to reproduce 馃暪

https://stackblitz.com/edit/github-fffd7t?file=src%2Froutes%2Findex.tsx

import { Suspense, SuspenseList, createResource } from 'solid-js';

export default function Home() {
  const [data] = createResource(() => ['red', 'blue', 'green']);
  return (
    <SuspenseList revealOrder="forwards">
      <Suspense>
        {/* Text node works */}
        {/* {data()} */}
        <div>{data()}</div>
      </Suspense>
    </SuspenseList>
  );
}

Context 馃敠

Trying to control how Suspense are revealed.

Your environment 馃寧

No response

@ryoid ryoid added the bug Something isn't working label Apr 6, 2024
@lxsmnsyc
Copy link
Member

lxsmnsyc commented Apr 6, 2024

This is a SuspenseList issue, at least since that component is experimental.

@ryansolid
Copy link
Member

Yeah I suspected there are issues here. I will move this to Solid core.

@ryansolid ryansolid transferred this issue from solidjs/solid-start Apr 8, 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

3 participants