From 93201b4e5d460e410db7dd3bcf8142543ed884f7 Mon Sep 17 00:00:00 2001
From: Michel Weststrate <mweststrate@fb.com>
Date: Thu, 9 Sep 2021 06:59:58 -0700
Subject: [PATCH] Fixed React key warning

Summary: Seems Antd always requires a `key` for Menu Items, even when React doesn't strictly need them.

Reviewed By: timur-valiev

Differential Revision: D30839589

fbshipit-source-id: 9cbef32c8fa083a7e23e486e15c537b4a9259a08
---
 desktop/flipper-plugin/src/ui/data-table/ColumnFilter.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/desktop/flipper-plugin/src/ui/data-table/ColumnFilter.tsx b/desktop/flipper-plugin/src/ui/data-table/ColumnFilter.tsx
index 98cfe7435..1e84e245d 100644
--- a/desktop/flipper-plugin/src/ui/data-table/ColumnFilter.tsx
+++ b/desktop/flipper-plugin/src/ui/data-table/ColumnFilter.tsx
@@ -58,7 +58,7 @@ export function FilterIcon({
       onMouseDown={(e) => {
         e.stopPropagation(); // prevents interaction accidentally with the Interactive component organizing resizng
       }}>
-      <Menu.Item>
+      <Menu.Item key="addFilter">
         <Layout.Right gap>
           <Input
             placeholder="Filter by value"
@@ -116,14 +116,14 @@ export function FilterIcon({
           </Menu.Item>
         ))
       ) : (
-        <Menu.Item disabled>
+        <Menu.Item disabled key="nofilters">
           <Text type="secondary" style={{margin: 12}}>
             No active filters
           </Text>
         </Menu.Item>
       )}
       <Menu.Divider />
-      <Menu.Item>
+      <Menu.Item key="inverse">
         <Layout.Horizontal
           gap
           center
@@ -146,7 +146,7 @@ export function FilterIcon({
         </Layout.Horizontal>
       </Menu.Item>
       <Menu.Divider />
-      <Menu.Item disabled>
+      <Menu.Item disabled key="fromselection">
         <div style={{textAlign: 'right'}}>
           <Button
             type="link"