Skip to content

fix: ReactFlow Warnings due to Edge Rendering & Hydration Conflicts#1865

Open
camielvs wants to merge 1 commit intomasterfrom
02-25-fix_reactflow_warnings_due_edge_rendering_hydration_conflicts
Open

fix: ReactFlow Warnings due to Edge Rendering & Hydration Conflicts#1865
camielvs wants to merge 1 commit intomasterfrom
02-25-fix_reactflow_warnings_due_edge_rendering_hydration_conflicts

Conversation

@camielvs
Copy link
Collaborator

@camielvs camielvs commented Feb 25, 2026

Description

Due to recent changes to component hydration - namely, moving hydration into the task provider - components are now suspended before being rendered on canvas. This results in ReactFlow giving warnings in console about missing handles and nodes. Once the hydration process completes the warnings go away and the graph renders as expected.

This PR aims to solve this issue by pre-hydrating components and saving them to cache when the component spec is first loaded, i.e. before FlowCanvas even begins rendering.

Related Issue and Pull requests

Type of Change

  • Bug fix
  • Improvement

Checklist

  • I have tested this does not break current pipelines / runs functionality
  • I have tested the changes on staging

Screenshots (if applicable)

Test Instructions

  • Load a pipeline
  • Confirm the ReactFlow warnings are gone
  • Confirm the rest of the app continues to work as expected.

Additional Comments

Copy link
Collaborator Author

This stack of pull requests is managed by Graphite. Learn more about stacking.

@camielvs camielvs marked this pull request as ready for review February 25, 2026 22:44
@camielvs camielvs requested a review from a team as a code owner February 25, 2026 22:44
@camielvs camielvs force-pushed the 02-25-fix_reactflow_warnings_due_edge_rendering_hydration_conflicts branch 6 times, most recently from 614baf8 to 223ec16 Compare February 26, 2026 00:25
@camielvs camielvs changed the title fix: ReactFlow Warnings due Edge Rendering & Hydration Conflicts fix: ReactFlow Warnings due to Edge Rendering & Hydration Conflicts Feb 26, 2026
@camielvs camielvs force-pushed the 02-25-fix_reactflow_warnings_due_edge_rendering_hydration_conflicts branch from 223ec16 to cb946e7 Compare February 26, 2026 00:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant