fix(gatsby): fix signature for latest experimental version of react-d…

…om (#31750) (#31829) (cherry picked from commit 087cdd5) Co-authored-by: Hyeseong Kim <hey@hyeseong.kim>
gatsbyjs · Jun 8, 2021 · 2a4ea62 · 2a4ea62
1 parent 34176c6
commit 2a4ea62
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/packages/gatsby/cache-dir/app.js b/packages/gatsby/cache-dir/app.js
@@ -33,10 +33,10 @@ window.___emitter = emitter
 
 if (
   process.env.GATSBY_EXPERIMENTAL_CONCURRENT_FEATURES &&
-  !ReactDOM.unstable_createRoot
+  !ReactDOM.createRoot
 ) {
   throw new Error(
-    `The GATSBY_EXPERIMENTAL_CONCURRENT_FEATURES flag is not compatible with your React version. Please install "react@0.0.0-experimental-57768ef90" and "react-dom@0.0.0-experimental-57768ef90" or higher.`
+    `The GATSBY_EXPERIMENTAL_CONCURRENT_FEATURES flag is not compatible with your React version. Please install "react@0.0.0-experimental-2bf4805e4" and "react-dom@0.0.0-experimental-2bf4805e4" or higher.`
   )
 }
 
@@ -143,9 +143,9 @@ apiRunnerAsync(`onClientEntry`).then(() => {
   if (focusEl && focusEl.children.length) {
     if (
       process.env.GATSBY_EXPERIMENTAL_CONCURRENT_FEATURES &&
-      ReactDOM.unstable_createRoot
+      ReactDOM.createRoot
     ) {
-      defaultRenderer = ReactDOM.unstable_createRoot
+      defaultRenderer = ReactDOM.createRoot
     } else {
       defaultRenderer = ReactDOM.hydrate
     }
@@ -203,7 +203,7 @@ apiRunnerAsync(`onClientEntry`).then(() => {
         )
         document.body.append(indicatorMountElement)
 
-        if (renderer === ReactDOM.unstable_createRoot) {
+        if (renderer === ReactDOM.createRoot) {
           renderer(indicatorMountElement).render(
             <LoadingIndicatorEventHandler />
           )
@@ -232,7 +232,7 @@ apiRunnerAsync(`onClientEntry`).then(() => {
         dismissLoadingIndicator()
       }
 
-      if (renderer === ReactDOM.unstable_createRoot) {
+      if (renderer === ReactDOM.createRoot) {
         renderer(rootElement, {
           hydrate: true,
         }).render(<App />)

diff --git a/packages/gatsby/cache-dir/production-app.js b/packages/gatsby/cache-dir/production-app.js
@@ -194,7 +194,7 @@ apiRunnerAsync(`onClientEntry`).then(() => {
       `replaceHydrateFunction`,
       undefined,
       process.env.GATSBY_EXPERIMENTAL_CONCURRENT_FEATURES
-        ? ReactDOM.unstable_createRoot
+        ? ReactDOM.createRoot
         : ReactDOM.hydrate
     )[0]
 
@@ -204,7 +204,7 @@ apiRunnerAsync(`onClientEntry`).then(() => {
           ? document.getElementById(`___gatsby`)
           : null
 
-      if (renderer === ReactDOM.unstable_createRoot) {
+      if (renderer === ReactDOM.createRoot) {
         renderer(container, {
           hydrate: true,
         }).render(<App />)

diff --git a/packages/gatsby/src/utils/flags.ts b/packages/gatsby/src/utils/flags.ts
@@ -193,8 +193,8 @@ const activeFlags: Array<IFlag> = [
     testFitness: (): fitnessEnum => {
       // Because of this, this flag will never show up
       const semverConstraints = {
-        react: `^0.0.0-experimental-57768ef90`,
-        "react-dom": `^0.0.0-experimental-57768ef90`,
+        react: `^0.0.0-experimental-2bf4805e4`,
+        "react-dom": `^0.0.0-experimental-2bf4805e4`,
       }
 
       if (satisfiesSemvers(semverConstraints)) {