Added forwardRef function name support to perf label

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

@@ -162,11 +162,25 @@ describe('ReactDebugFiberPerf', () => {
   });
 
   it('properly displays the forwardRef component in measurements', () => {
-    const ForwardRef = React.forwardRef(function refForwarder(props, ref) {
+    const AnonymousForwardRef = React.forwardRef((props, ref) => (
+      <Child {...props} ref={ref} />
+    ));
+    const NamedForwardRef = React.forwardRef(function refForwarder(props, ref) {
       return <Child {...props} ref={ref} />;
     });
+    function notImportant(props, ref) {
+      return <Child {...props} ref={ref} />;
+    }
+    notImportant.displayName = 'OverriddenName';
+    const DisplayNamedForwardRef = React.forwardRef(notImportant);
 
-    ReactNoop.render(<ForwardRef />);
+    ReactNoop.render(
+      <Parent>
+        <AnonymousForwardRef />
+        <NamedForwardRef />
+        <DisplayNamedForwardRef />
+      </Parent>,
+    );
     addComment('Mount');
     ReactNoop.flush();
 

packages/react-reconciler/src/__tests__/__snapshots__/ReactIncrementalPerf-test.internal.js.snap

@@ -266,8 +266,13 @@ exports[`ReactDebugFiberPerf properly displays the forwardRef component in measu
 
 // Mount
 ⚛ (React Tree Reconciliation: Completed Root)
-  ⚛ ForwardRef [mount]
-    ⚛ Child [mount]
+  ⚛ Parent [mount]
+    ⚛ ForwardRef [mount]
+      ⚛ Child [mount]
+    ⚛ ForwardRef(refForwarder) [mount]
+      ⚛ Child [mount]
+    ⚛ ForwardRef(OverriddenName) [mount]
+      ⚛ Child [mount]
 
 ⚛ (Committing Changes)
   ⚛ (Committing Snapshot Effects: 0 Total)

packages/shared/getComponentName.js

@@ -38,7 +38,11 @@ function getComponentName(fiber: Fiber): string | null {
   if (typeof type === 'object' && type !== null) {
     switch (type.$$typeof) {
       case REACT_FORWARD_REF_TYPE:
-        return 'ForwardRef';
+        const functionName =
+          type.render.displayName || type.render.name || '';
+        return functionName !== ''
+          ? `ForwardRef(${functionName})`
+          : 'ForwardRef';
     }
   }
   return null;