Skip to content

Bug: hydration fails when using Promise values with React Server Components #27247

@lazarv

Description

@lazarv

React version: [email protected]

Steps To Reproduce

  1. use inlined Promise values in JSX
  2. hydration fails

Link to code example: https://stackblitz.com/edit/stackblitz-starters-u9soom?file=app%2Fpage.jsx

The current behavior

While rendering of HTML is correct and HTML and flight response seems to be ok, hydration fails.
Maybe the issue correlates with ordering and timing replacing of suspended fragments in the DOM tree and processing the flight response for hydration.

The expected behavior

React tree gets hydrated correctly.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions