chore: update react and related dependencies to latest versions by TusharThakur04 · Pull Request #7929 · webpack/webpack.js.org

TusharThakur04 · 2026-03-06T17:45:42Z

Closes: #7920
Replaces: #7925

Summary
This PR :

updates React and related dependencies to their latest versions.
removes react-visibility-sensor as it relied on findDOMNode, which was removed in React 19, and replaces it with a ref-based implementation using IntersectionObserver — a native browser API that is more performant and future-proof.
replaces the react-router-dom/server import with react-router, since React Router v7 moved SSR utilities like StaticRouter out of react-router-dom and into the core react-router package. react-router is also added as an explicit dependency.
adds Web Streams API globals (TextEncoder, TextDecoder, TransformStream) to the SSG webpack config, as React Router v7's streaming SSR now depends on these browser-native APIs that weren't required by the previous stack.
guards against undefined helmet context and assets.css during SSR, accounting for subtle behavioral changes in renderToString under React 19.

What kind of change does this PR introduce?
chore

Did you add tests for your changes?
no

Does this PR introduce a breaking change?
no

If relevant, what needs to be documented once your changes are merged or what have you already documented?

Use of AI
i have used sonet 4.6 for conversing and generating refactor code.
i have tested the generated code by myself locally and its working fine.

vercel · 2026-03-06T17:45:47Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
webpack-js-org	Ready	Preview, Comment	Mar 7, 2026 1:27am

alexander-akait · 2026-03-06T17:55:21Z

src/server.jsx

-
  const { helmet } = helmetContext;

+  console.log("helmetContext:", JSON.stringify(helmetContext));


Remove this

alexander-akait · 2026-03-06T17:55:52Z

src/server.jsx


+  console.log("helmetContext:", JSON.stringify(helmetContext));
+
+  const htmlAttrs = helmet?.htmlAttributes?.toString() ?? "";


it is ai generated code, helmet is always define

alexander-akait · 2026-03-06T17:56:26Z

eslint.config.mjs

      "import/extensions": "off",
      "import/default": "off",
      "unicorn/prefer-top-level-await": "off",
+      "react/no-deprecated": "off",


No no, you need to fix it, I clear say no deprecations, remove it and fix problems

this is because of

should i change the documentation?

alexander-akait · 2026-03-06T17:57:56Z

Also it doesn't work, go to http://webpack-js-org-git-fork-tusharthakur04-chore-upda-860284-openjs.vercel.app/ and open dev tools

vendor.84e8b55b5cc3f91e.js:2 Uncaught Error: Minified React error #418; visit https://react.dev/errors/418?args[]=HTML&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at ma (vendor.84e8b55b5cc3f91e.js:2:493987)
    at is (vendor.84e8b55b5cc3f91e.js:2:543335)
    at cc (vendor.84e8b55b5cc3f91e.js:2:581270)
    at sc (vendor.84e8b55b5cc3f91e.js:2:581198)
    at oc (vendor.84e8b55b5cc3f91e.js:2:581040)
    at Ql (vendor.84e8b55b5cc3f91e.js:2:576466)
    at Lc (vendor.84e8b55b5cc3f91e.js:2:592301)
    at MessagePort.x (vendor.84e8b55b5cc3f91e.js:2:662140)
ma @ vendor.84e8b55b5cc3f91e.js:2
is @ vendor.84e8b55b5cc3f91e.js:2
cc @ vendor.84e8b55b5cc3f91e.js:2
sc @ vendor.84e8b55b5cc3f91e.js:2
oc @ vendor.84e8b55b5cc3f91e.js:2
Ql @ vendor.84e8b55b5cc3f91e.js:2
Lc @ vendor.84e8b55b5cc3f91e.js:2
x @ vendor.84e8b55b5cc3f91e.js:2

alexander-akait · 2026-03-06T17:58:53Z

Anyway looks like site works and the right direction, let's resolve problems above

TusharThakur04 · 2026-03-06T18:01:31Z

build is totally fine, test failing

alexander-akait · 2026-03-06T18:12:01Z

@TusharThakur04 build is not fine, go to site and open dev tools, I provided the error above

… pattern

TusharThakur04 · 2026-03-06T19:22:21Z

@alexander-akait manual helmet context extraction is no longer needed in react-19

alexander-akait · 2026-03-06T19:27:34Z

src/content/concepts/module-federation.mdx

 + import App from './App';
-+ ReactDOM.render(<App />, document.getElementById('root'));
+ const root = createRoot(document.getElementById('root'));
+ root.render(<App />);


Why it was changed here? Please use different branches (PRs) for different tasks

@alexander-akait #7929 (comment)

Got it, looks fine for me

alexander-akait · 2026-03-06T20:11:39Z

Still on site:

vendor.84e8b55b5cc3f91e.js:2 Uncaught Error: Minified React error #418; visit https://react.dev/errors/418?args[]=HTML&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at ma (vendor.84e8b55b5cc3f91e.js:2:493987)
    at is (vendor.84e8b55b5cc3f91e.js:2:543335)
    at cc (vendor.84e8b55b5cc3f91e.js:2:581270)
    at sc (vendor.84e8b55b5cc3f91e.js:2:581198)
    at oc (vendor.84e8b55b5cc3f91e.js:2:581040)
    at Ql (vendor.84e8b55b5cc3f91e.js:2:576466)
    at Lc (vendor.84e8b55b5cc3f91e.js:2:592301)
    at MessagePort.x (vendor.84e8b55b5cc3f91e.js:2:662140)

for debug reasons you can disable minimization and look at the message, fix it and then return minimization

TusharThakur04 · 2026-03-07T01:35:38Z

@alexander-akait cypress tests are working fine locally but failing in ci

chore: update react and related dependencies to latest versions

c36a812

add eslint rule to suppress mdx lint error

d9f0fcb

vercel bot deployed to Preview March 6, 2026 17:48 View deployment

vercel bot deployed to Preview March 6, 2026 17:51 View deployment

alexander-akait reviewed Mar 6, 2026

View reviewed changes

remove deprecation rule for mdx and change doc to follow latest react…

87986f8

… pattern

remove manual context extraction

fe5b0a2

alexander-akait reviewed Mar 6, 2026

View reviewed changes

vercel bot deployed to Preview March 6, 2026 19:28 View deployment

fix: resolve SSR hydration mismatch between server.jsx and index.jsx

268aa13

vercel bot deployed to Preview March 6, 2026 19:56 View deployment

fix all hydration errors

4350793

vercel bot deployed to Preview March 6, 2026 21:53 View deployment

migrate tests from react-test-renderer to @testing-library/react

0e84121

vercel bot deployed to Preview March 6, 2026 23:09 View deployment

resolve React 19 SSR hydration mismatch in Page content

4b3e25f

vercel bot deployed to Preview March 7, 2026 00:13 View deployment

resolve React 19 SSR hydration mismatch for dynamic page content

1acc3de

vercel bot deployed to Preview March 7, 2026 00:44 View deployment

vercel bot deployed to Preview March 7, 2026 01:27 View deployment

TusharThakur04 force-pushed the chore/update-react-version branch from d209622 to 1acc3de Compare March 7, 2026 01:34


		const { helmet } = helmetContext;

		console.log("helmetContext:", JSON.stringify(helmetContext));


		console.log("helmetContext:", JSON.stringify(helmetContext));

		const htmlAttrs = helmet?.htmlAttributes?.toString() ?? "";

Uh oh!

Conversation

TusharThakur04 commented Mar 6, 2026

Uh oh!

vercel bot commented Mar 6, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

alexander-akait Mar 6, 2026

Choose a reason for hiding this comment

Uh oh!

alexander-akait Mar 6, 2026

Choose a reason for hiding this comment

Uh oh!

alexander-akait Mar 6, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

TusharThakur04 Mar 6, 2026

Choose a reason for hiding this comment

Uh oh!

alexander-akait commented Mar 6, 2026

Uh oh!

alexander-akait commented Mar 6, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

TusharThakur04 commented Mar 6, 2026

Uh oh!

alexander-akait commented Mar 6, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

TusharThakur04 commented Mar 6, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

alexander-akait Mar 6, 2026

Choose a reason for hiding this comment

Uh oh!

TusharThakur04 Mar 6, 2026

Choose a reason for hiding this comment

Uh oh!

alexander-akait Mar 6, 2026

Choose a reason for hiding this comment

Uh oh!

alexander-akait commented Mar 6, 2026

Uh oh!

TusharThakur04 commented Mar 7, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

vercel bot commented Mar 6, 2026 •

edited

Loading

alexander-akait Mar 6, 2026 •

edited

Loading

alexander-akait commented Mar 6, 2026 •

edited

Loading

alexander-akait commented Mar 6, 2026 •

edited

Loading

TusharThakur04 commented Mar 6, 2026 •

edited

Loading