Show the name prop in the Elements tree view

Author: sebmarkbage

packages/react-devtools-shared/src/devtools/views/Components/Element.js

@@ -119,6 +119,7 @@ export default function Element({data, index, style}: Props): React.Node {
     hocDisplayNames,
     isStrictModeNonCompliant,
     key,
+    nameProp,
     compiledWithForget,
   } = element;
   const {
@@ -185,6 +186,19 @@ export default function Element({data, index, style}: Props): React.Node {
           </Fragment>
         )}
 
+        {nameProp && (
+          <Fragment>
+            &nbsp;<span className={styles.KeyName}>name</span>="
+            <span
+              className={styles.KeyValue}
+              title={nameProp}
+              onDoubleClick={handleKeyDoubleClick}>
+              <pre>{nameProp}</pre>
+            </span>
+            "
+          </Fragment>
+        )}
+
         <IndexableElementBadges
           hocDisplayNames={hocDisplayNames}
           compiledWithForget={compiledWithForget}