Fixed React 'missing key' warning for sidebar

Issue was introduced in D18169459

Reviewed By: jknoxville

Differential Revision: D18171025

fbshipit-source-id: e62c5cab24f198b79febd1e864aefd90dfc2f93e
This commit is contained in:
Michel Weststrate
2019-10-28 08:43:37 -07:00
committed by Facebook Github Bot
parent f85e366c04
commit 93fad01ea5

View File

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