From 25b898d74d9c909cc7cc2c849cb9dddd20cd0850 Mon Sep 17 00:00:00 2001
From: Cody Leff <cody@preset.io>
Date: Tue, 29 Nov 2022 14:19:21 -0700
Subject: [PATCH] Fix missing key props.

---
 .../nativeFilters/FilterBar/FilterControls/FilterControls.tsx | 4 ++--
 .../components/nativeFilters/FilterCard/ScopeRow.tsx          | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterControls.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterControls.tsx
index 5c0ce9f902997..20c95cad7db54 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterControls.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterControls.tsx
@@ -85,7 +85,7 @@ const FilterControls: FC<FilterControlsProps> = ({
   const renderer = useCallback(
     ({ id }: Filter | Divider) => {
       const index = filtersWithValues.findIndex(f => f.id === id);
-      return <OutPortal node={portalNodes[index]} inView />;
+      return <OutPortal key={id} node={portalNodes[index]} inView />;
     },
     [filtersWithValues, portalNodes],
   );
@@ -202,7 +202,7 @@ const FilterControls: FC<FilterControlsProps> = ({
       {portalNodes
         .filter((node, index) => filterIds.has(filtersWithValues[index].id))
         .map((node, index) => (
-          <InPortal node={node}>
+          <InPortal node={node} key={filtersWithValues[index].id}>
             {filterControlFactory(
               index,
               filterBarOrientation,
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/ScopeRow.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/ScopeRow.tsx
index 8da224c0e706d..0c0704089119f 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/ScopeRow.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/ScopeRow.tsx
@@ -76,7 +76,9 @@ export const ScopeRow = React.memo(({ filter }: FilterCardRowProps) => {
             ? Object.values(scope)
                 .flat()
                 .map((element, index) => (
-                  <span>{index === 0 ? element : `, ${element}`}</span>
+                  <span key={element}>
+                    {index === 0 ? element : `, ${element}`}
+                  </span>
                 ))
             : t('None')}
         </RowValue>