Also name the side bar panel Initial Paint.

Author: sebmarkbage

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

@@ -17,7 +17,10 @@ import Button from '../Button';
 import ButtonIcon from '../ButtonIcon';
 import Icon from '../Icon';
 import Toggle from '../Toggle';
-import {ElementTypeSuspense} from 'react-devtools-shared/src/frontend/types';
+import {
+  ElementTypeSuspense,
+  ElementTypeRoot,
+} from 'react-devtools-shared/src/frontend/types';
 import InspectedElementView from './InspectedElementView';
 import {InspectedElementContext} from './InspectedElementContext';
 import {getAlwaysOpenInEditor} from '../../../utils';
@@ -209,6 +212,11 @@ export default function InspectedElementWrapper(_: Props): React.Node {
   if (element.nameProp !== null) {
     fullName += ' "' + element.nameProp + '"';
   }
+  if (element.type === ElementTypeRoot) {
+    // The root only has "suspended by" and it represents the things that block
+    // Initial Paint.
+    fullName = 'Initial Paint';
+  }
 
   return (
     <div