Fix hydration with createRoot warning (facebook#14808)

sebmarkbage · web-flow · commit 1d48b4a68485 · 2019-02-09T17:12:11.000Z
It's suggesting an API that doesn't exist. Fixed it to reference the actual
API.
diff --git a/packages/react-dom/src/__tests__/ReactDOMRoot-test.js b/packages/react-dom/src/__tests__/ReactDOMRoot-test.js
@@ -410,7 +410,7 @@ describe('ReactDOMRoot', () => {
         // We care about this warning:
         'You are calling ReactDOM.hydrate() on a container that was previously ' +
           'passed to ReactDOM.unstable_createRoot(). This is not supported. ' +
-          'Did you mean to call root.render(element, {hydrate: true})?',
+          'Did you mean to call createRoot(container, {hydrate: true}).render(element)?',
         // This is more of a symptom but restructuring the code to avoid it isn't worth it:
         'Replacing React-rendered children with a new root component.',
       ],
diff --git a/packages/react-dom/src/client/ReactDOM.js b/packages/react-dom/src/client/ReactDOM.js
@@ -656,7 +656,7 @@ const ReactDOM: Object = {
         !container._reactHasBeenPassedToCreateRootDEV,
         'You are calling ReactDOM.hydrate() on a container that was previously ' +
           'passed to ReactDOM.%s(). This is not supported. ' +
-          'Did you mean to call root.render(element, {hydrate: true})?',
+          'Did you mean to call createRoot(container, {hydrate: true}).render(element)?',
         enableStableConcurrentModeAPIs ? 'createRoot' : 'unstable_createRoot',
       );
     }
diff --git a/packages/react-dom/src/fire/ReactFire.js b/packages/react-dom/src/fire/ReactFire.js
@@ -661,7 +661,7 @@ const ReactDOM: Object = {
         !container._reactHasBeenPassedToCreateRootDEV,
         'You are calling ReactDOM.hydrate() on a container that was previously ' +
           'passed to ReactDOM.%s(). This is not supported. ' +
-          'Did you mean to call root.render(element, {hydrate: true})?',
+          'Did you mean to call createRoot(container, {hydrate: true}).render(element)?',
         enableStableConcurrentModeAPIs ? 'createRoot' : 'unstable_createRoot',
       );
     }

Original file line number	Diff line number	Diff line change
`@@ -656,7 +656,7 @@ const ReactDOM: Object = {`
`656`	`656`	`!container._reactHasBeenPassedToCreateRootDEV,`
`657`	`657`	`'You are calling ReactDOM.hydrate() on a container that was previously ' +`
`658`	`658`	`'passed to ReactDOM.%s(). This is not supported. ' +`
`659`		`- 'Did you mean to call root.render(element, {hydrate: true})?',`
	`659`	`+ 'Did you mean to call createRoot(container, {hydrate: true}).render(element)?',`
`660`	`660`	`enableStableConcurrentModeAPIs ? 'createRoot' : 'unstable_createRoot',`
`661`	`661`	`);`
`662`	`662`	`}`
Original file line number	Diff line number	Diff line change
`@@ -661,7 +661,7 @@ const ReactDOM: Object = {`
`661`	`661`	`!container._reactHasBeenPassedToCreateRootDEV,`
`662`	`662`	`'You are calling ReactDOM.hydrate() on a container that was previously ' +`
`663`	`663`	`'passed to ReactDOM.%s(). This is not supported. ' +`
`664`		`- 'Did you mean to call root.render(element, {hydrate: true})?',`
	`664`	`+ 'Did you mean to call createRoot(container, {hydrate: true}).render(element)?',`
`665`	`665`	`enableStableConcurrentModeAPIs ? 'createRoot' : 'unstable_createRoot',`
`666`	`666`	`);`
`667`	`667`	`}`