Remove the warning and add TODOs

Author: gaearon

packages/react-reconciler/src/ReactFiberBeginWork.js

@@ -220,6 +220,10 @@ function updateForwardRef(
   nextProps: any,
   renderExpirationTime: ExpirationTime,
 ) {
+  // TODO: current can be non-null here even if the component
+  // hasn't yet mounted. This happens after the first render suspends.
+  // We'll need to figure out if this is fine or can cause issues.
+
   if (__DEV__) {
     if (workInProgress.type !== workInProgress.elementType) {
       // Lazy component props can't be validated in createElement
@@ -415,6 +419,10 @@ function updateSimpleMemoComponent(
   updateExpirationTime,
   renderExpirationTime: ExpirationTime,
 ): null | Fiber {
+  // TODO: current can be non-null here even if the component
+  // hasn't yet mounted. This happens when the inner render suspends.
+  // We'll need to figure out if this is fine or can cause issues.
+
   if (__DEV__) {
     if (workInProgress.type !== workInProgress.elementType) {
       // Lazy component props can't be validated in createElement

packages/react-reconciler/src/ReactFiberHooks.js

@@ -449,17 +449,6 @@ function mountWorkInProgressHook(): Hook {
 
   if (__DEV__) {
     (hook: any)._debugType = (currentHookNameInDev: any);
-    if (
-      currentlyRenderingFiber !== null &&
-      currentlyRenderingFiber.alternate !== null
-    ) {
-      warning(
-        false,
-        '%s: Rendered more hooks than during the previous render. This is ' +
-          'not currently supported and may lead to unexpected behavior.',
-        getComponentName(currentlyRenderingFiber.type),
-      );
-    }
   }
   if (workInProgressHook === null) {
     // This is the first hook in the list

packages/react-reconciler/src/__tests__/ReactHooks-test.internal.js

@@ -1369,7 +1369,7 @@ describe('ReactHooks', () => {
 
   // Regression test for https://github.com/facebook/react/issues/14790
   it('does not fire a false positive warning when suspending memo', async () => {
-    const {Suspense, useState, useRef} = React;
+    const {Suspense, useState} = React;
 
     let wasSuspended = false;
     function trySuspend() {
@@ -1382,7 +1382,7 @@ describe('ReactHooks', () => {
     }
 
     function Child() {
-      React.useState();
+      useState();
       trySuspend();
       return 'hello';
     }
@@ -1400,7 +1400,7 @@ describe('ReactHooks', () => {
 
   // Regression test for https://github.com/facebook/react/issues/14790
   it('does not fire a false positive warning when suspending forwardRef', async () => {
-    const {Suspense, useState, useRef} = React;
+    const {Suspense, useState} = React;
 
     let wasSuspended = false;
     function trySuspend() {
@@ -1413,7 +1413,7 @@ describe('ReactHooks', () => {
     }
 
     function render(props, ref) {
-      React.useState();
+      useState();
       trySuspend();
       return 'hello';
     }
@@ -1431,7 +1431,7 @@ describe('ReactHooks', () => {
 
   // Regression test for https://github.com/facebook/react/issues/14790
   it('does not fire a false positive warning when suspending memo(forwardRef)', async () => {
-    const {Suspense, useState, useRef} = React;
+    const {Suspense, useState} = React;
 
     let wasSuspended = false;
     function trySuspend() {
@@ -1444,7 +1444,7 @@ describe('ReactHooks', () => {
     }
 
     function render(props, ref) {
-      React.useState();
+      useState();
       trySuspend();
       return 'hello';
     }