Summary:

Fixed React 'missing key' warning for sidebar

Issue was introduced in D18169459

Reviewed By: jknoxville

Differential Revision: D18171025

fbshipit-source-id: e62c5cab24f198b79febd1e864aefd90dfc2f93e

src/chrome/MainSidebar.tsx

@@ -29,7 +29,7 @@ import {
   FlipperDevicePlugin,
   LoadingIndicator,
 } from 'flipper';
-import React, {Component, PureComponent} from 'react';
+import React, {Component, PureComponent, Fragment} from 'react';
 import NotificationsHub from '../NotificationsHub';
 import {
   selectPlugin,
@@ -405,7 +405,7 @@ class MainSidebar extends PureComponent<Props, State> {
                           : minShowPluginsCount,
                       ),
                   ).map(([category, plugins]) => (
-                    <>
+                    <Fragment key={category}>
                       {category && (
                         <ListItem>
                           <CategoryName>{category}</CategoryName>
@@ -429,7 +429,7 @@ class MainSidebar extends PureComponent<Props, State> {
                           app={client.query.app}
                         />
                       ))}
-                    </>
+                    </Fragment>
                   ))}
                   {plugins.length > minShowPluginsCount && (
                     <PluginShowMoreOrLess