Skip to content

Conversation

@sebmarkbage
Copy link
Collaborator

@sebmarkbage sebmarkbage commented Aug 18, 2025

Whatever blocks the synchronous reference also blocks the parent from resolving.

In practice the server doesn't outline anything that isn't already there so it would be rare but for client references the chunk dependency can show up like this.

<div onClick={clientReference} />

This surfaces some other issue with DevTools not properly surfacing this that I'm still investigating. The issue is that these get modeled as the last debug info on the fiber which we typically consider blocking the parent Server Component or in general parent component. E.g. promise in child position of a Server Component is blocking that Server Component. So it becomes more like the parent component was awaiting the reference rather than that the <div> itself was suspended on it which isn't exactly wrong. Regardless, it properly bubbles up to the nearest Suspense as expected.

@meta-cla meta-cla bot added the CLA Signed label Aug 18, 2025
@github-actions github-actions bot added the React Core Team Opened by a member of the React Core Team label Aug 18, 2025
@react-sizebot
Copy link

react-sizebot commented Aug 18, 2025

Comparing: f508edc...42be27e

Critical size changes

Includes critical production bundles, as well as any change greater than 2%:

Name +/- Base Current +/- gzip Base gzip Current gzip
oss-stable/react-dom/cjs/react-dom.production.js = 6.68 kB 6.68 kB +0.05% 1.83 kB 1.83 kB
oss-stable/react-dom/cjs/react-dom-client.production.js = 530.18 kB 530.18 kB = 93.39 kB 93.39 kB
oss-experimental/react-dom/cjs/react-dom.production.js = 6.69 kB 6.69 kB +0.05% 1.83 kB 1.83 kB
oss-experimental/react-dom/cjs/react-dom-client.production.js = 655.81 kB 655.81 kB = 115.30 kB 115.30 kB
facebook-www/ReactDOM-prod.classic.js = 675.58 kB 675.58 kB = 118.54 kB 118.54 kB
facebook-www/ReactDOM-prod.modern.js = 666.00 kB 666.00 kB = 116.86 kB 116.86 kB

Significant size changes

Includes any change greater than 0.2%:

Expand to show
Name +/- Base Current +/- gzip Base gzip Current gzip
oss-stable-semver/react-client/cjs/react-client-flight.development.js +0.87% 119.13 kB 120.17 kB +0.78% 21.63 kB 21.79 kB
oss-stable/react-client/cjs/react-client-flight.development.js +0.87% 119.16 kB 120.19 kB +0.78% 21.65 kB 21.82 kB
oss-stable-semver/react-server-dom-parcel/cjs/react-server-dom-parcel-client.edge.development.js +0.84% 123.01 kB 124.04 kB +0.85% 22.85 kB 23.04 kB
oss-stable/react-server-dom-parcel/cjs/react-server-dom-parcel-client.edge.development.js +0.84% 123.01 kB 124.04 kB +0.85% 22.85 kB 23.04 kB
oss-stable-semver/react-server-dom-parcel/cjs/react-server-dom-parcel-client.browser.development.js +0.83% 124.11 kB 125.15 kB +0.79% 22.67 kB 22.85 kB
oss-stable/react-server-dom-parcel/cjs/react-server-dom-parcel-client.browser.development.js +0.83% 124.16 kB 125.20 kB +0.79% 22.70 kB 22.88 kB
oss-stable-semver/react-server-dom-esm/cjs/react-server-dom-esm-client.browser.development.js +0.83% 125.06 kB 126.09 kB +0.74% 23.13 kB 23.30 kB
oss-stable/react-server-dom-esm/cjs/react-server-dom-esm-client.browser.development.js +0.83% 125.11 kB 126.14 kB +0.75% 23.15 kB 23.33 kB
oss-stable-semver/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.edge.development.js +0.82% 126.15 kB 127.19 kB +0.78% 23.36 kB 23.54 kB
oss-stable/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.edge.development.js +0.82% 126.15 kB 127.19 kB +0.78% 23.36 kB 23.54 kB
oss-stable-semver/react-server-dom-webpack/cjs/react-server-dom-webpack-client.edge.development.js +0.82% 126.28 kB 127.32 kB +0.78% 23.39 kB 23.57 kB
oss-stable/react-server-dom-webpack/cjs/react-server-dom-webpack-client.edge.development.js +0.82% 126.28 kB 127.32 kB +0.78% 23.39 kB 23.57 kB
oss-stable-semver/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js +0.81% 127.53 kB 128.56 kB +0.73% 23.59 kB 23.77 kB
oss-stable/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js +0.81% 127.58 kB 128.61 kB +0.73% 23.62 kB 23.79 kB
oss-stable-semver/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js +0.81% 128.26 kB 129.29 kB +0.71% 23.78 kB 23.94 kB
oss-stable/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js +0.81% 128.31 kB 129.34 kB +0.71% 23.80 kB 23.97 kB
oss-stable-semver/react-server-dom-esm/cjs/react-server-dom-esm-client.node.development.js +0.81% 128.34 kB 129.38 kB +0.69% 23.59 kB 23.76 kB
oss-stable/react-server-dom-esm/cjs/react-server-dom-esm-client.node.development.js +0.81% 128.34 kB 129.38 kB +0.69% 23.59 kB 23.76 kB
oss-stable-semver/react-server-dom-parcel/cjs/react-server-dom-parcel-client.node.development.js +0.81% 128.37 kB 129.41 kB +0.77% 23.59 kB 23.77 kB
oss-stable/react-server-dom-parcel/cjs/react-server-dom-parcel-client.node.development.js +0.81% 128.37 kB 129.41 kB +0.77% 23.59 kB 23.77 kB
oss-stable-semver/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.unbundled.development.js +0.80% 130.03 kB 131.06 kB +0.76% 23.88 kB 24.06 kB
oss-stable/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.unbundled.development.js +0.80% 130.03 kB 131.06 kB +0.76% 23.88 kB 24.06 kB
oss-stable-semver/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.development.js +0.79% 131.38 kB 132.41 kB +0.72% 24.13 kB 24.30 kB
oss-stable/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.development.js +0.79% 131.38 kB 132.41 kB +0.72% 24.13 kB 24.30 kB
oss-stable-semver/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.development.js +0.79% 131.50 kB 132.54 kB +0.71% 24.16 kB 24.34 kB
oss-stable/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.development.js +0.79% 131.50 kB 132.54 kB +0.71% 24.16 kB 24.34 kB
oss-stable-semver/react-server-dom-esm/esm/react-server-dom-esm-client.browser.development.js +0.72% 175.25 kB 176.52 kB +0.75% 40.08 kB 40.38 kB
oss-stable/react-server-dom-esm/esm/react-server-dom-esm-client.browser.development.js +0.72% 175.28 kB 176.55 kB +0.76% 40.10 kB 40.40 kB
oss-experimental/react-client/cjs/react-client-flight.development.js +0.40% 161.04 kB 161.69 kB +0.45% 28.35 kB 28.48 kB
oss-experimental/react-server-dom-esm/esm/react-server-dom-esm-client.browser.development.js +0.40% 210.59 kB 211.43 kB +0.45% 46.75 kB 46.96 kB
oss-experimental/react-server-dom-parcel/cjs/react-server-dom-parcel-client.edge.development.js +0.39% 164.92 kB 165.57 kB +0.40% 29.61 kB 29.73 kB
oss-experimental/react-server-dom-parcel/cjs/react-server-dom-parcel-client.browser.development.js +0.39% 166.05 kB 166.70 kB +0.46% 29.35 kB 29.48 kB
oss-experimental/react-server-dom-esm/cjs/react-server-dom-esm-client.browser.development.js +0.39% 167.00 kB 167.65 kB +0.35% 29.78 kB 29.89 kB
oss-experimental/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.edge.development.js +0.39% 168.07 kB 168.72 kB +0.40% 30.11 kB 30.23 kB
oss-experimental/react-server-dom-webpack/cjs/react-server-dom-webpack-client.edge.development.js +0.39% 168.20 kB 168.85 kB +0.40% 30.14 kB 30.27 kB
oss-experimental/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js +0.38% 169.47 kB 170.12 kB +0.40% 30.24 kB 30.36 kB
oss-experimental/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js +0.38% 170.20 kB 170.85 kB +0.38% 30.44 kB 30.55 kB
oss-experimental/react-server-dom-esm/cjs/react-server-dom-esm-client.node.development.js +0.38% 170.22 kB 170.87 kB +0.36% 30.32 kB 30.43 kB
oss-experimental/react-server-dom-parcel/cjs/react-server-dom-parcel-client.node.development.js +0.38% 170.25 kB 170.90 kB +0.40% 30.31 kB 30.43 kB
oss-experimental/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.unbundled.development.js +0.38% 171.91 kB 172.56 kB +0.42% 30.58 kB 30.71 kB
oss-experimental/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.development.js +0.38% 173.25 kB 173.90 kB +0.39% 30.83 kB 30.95 kB
oss-experimental/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.development.js +0.37% 173.38 kB 174.03 kB +0.40% 30.87 kB 30.99 kB

Generated by 🚫 dangerJS against 42be27e

@eps1lon eps1lon merged commit 253abc7 into facebook:main Aug 21, 2025
241 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

CLA Signed React Core Team Opened by a member of the React Core Team

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants