🚀 React 19 support — now stable in gatsby@5.16!

[Schweinepriester]

Preliminary Checks

• This issue is not a duplicate. Before opening a new issue, please search existing issues: https://github.com/gatsbyjs/gatsby/issues
• This issue is not a question, feature request, RFC, or anything other than a bug report directly related to Gatsby. Please post those things in GitHub Discussions: https://github.com/gatsbyjs/gatsby/discussions

Description

https://react.dev/blog/2024/12/05/react-19

Reproduction Link

https://github.com/gatsbyjs/gatsby/blob/gatsby%405.14.0/packages/gatsby/package.json#L253

Steps to Reproduce

1. Check https://github.com/gatsbyjs/gatsby/blob/gatsby%405.14.0/packages/gatsby/package.json#L253
2. React 19 is not matched by ^18.0.0 || ^0.0.0
3. Probably other changes needed as well

Expected Result

React 19 is supported

Actual Result

React 19 is not supported

Environment

Any

Config Flags

No response

[CSharperMantle]

Able to confirm the incompatibility.

App fails to build w/ Gatsby 5.14.1, producing the following stacktrace:

success Building HTML renderer - 62.578s
 ERROR  UNKNOWN
Cannot read properties of undefined (reading 'ContextRegistry')
  TypeError: Cannot read properties of undefined (reading 'ContextRegistry')
  - render-page.js:29242 21011
    [PROJECT]/.cache/page-ssr/routes/render-page.js:29242:461
  - render-page.js:53701 __webpack_require__
    [PROJECT]/.cache/page-ssr/routes/render-page.js:53701:42
  - render-page.js:29314 29592
    [PROJECT]/.cache/page-ssr/routes/render-page.js:29314:20
  - render-page.js:53701 __webpack_require__
    [PROJECT]/.cache/page-ssr/routes/render-page.js:53701:42
  - render-page.js:53860
    [PROJECT]/.cache/page-ssr/routes/render-page.js:53860:331
  - render-page.js:53894
    [PROJECT]/.cache/page-ssr/routes/render-page.js:53894:3
  - render-page.js:53899 Object.<anonymous>
    [PROJECT]/.cache/page-ssr/routes/render-page.js:53899:12
  [LOADER ENTRIES OMITTED...]
  - page-mode.js:108 preparePageTemplateConfigs
    [gatsby-virtual-790e62beba]/[gatsby]/dist/utils/page-mode.js:108:24

not finished Execute page configs - 0.487s

It seems that one of Gatsby's dependencies tries to access some React internals:

/**
 * @license React
 * react-server-dom-webpack-writer.node.production.min.server.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
...
var ra=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,N=ra.ContextRegistry,O=ra.ReactCurrentDispatcher;
...

The dependencies in included here:

gatsby/packages/gatsby/package.json

Line 151 in cddc252

"react-server-dom-webpack": "0.0.0-experimental-c8b778b7f-20220825",

The React 19 changelog shows that they have indeed changed internal states.

https://react.dev/blog/2024/04/25/react-19-upgrade-guide#libraries-depending-on-react-internals-may-block-upgrades

Related lines of deps:

{
    "gatsby": "^5.14.1",
    "react": "^19.0.0",
    "react-dom": "^19.0.0",
}