From 7bc872644a5129f2a32b82c8aba4256e6d168ccb Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Wed, 28 Dec 2022 22:03:12 -0800
Subject: [PATCH] Add keys to SearchFilters

---
 components/WeaponSearchFilterBar/index.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/WeaponSearchFilterBar/index.tsx b/components/WeaponSearchFilterBar/index.tsx
index 09047988..cfa154f6 100644
--- a/components/WeaponSearchFilterBar/index.tsx
+++ b/components/WeaponSearchFilterBar/index.tsx
@@ -153,7 +153,7 @@ const WeaponSearchFilterBar = (props: Props) => {
   const renderSingleWeaponSeries = (id: number, slug: string) => {
     return (
       <SearchFilterCheckboxItem
-        key={id}
+        key={slug}
         onCheckedChange={handleSeriesChange}
         checked={seriesState[slug].checked}
         valueKey={slug}
@@ -171,6 +171,7 @@ const WeaponSearchFilterBar = (props: Props) => {
     <div className="SearchFilterBar">
       <SearchFilter
         label={t('filters.labels.rarity')}
+        key="rarity"
         numSelected={
           Object.values(rarityState)
             .map((x) => x.checked)
@@ -198,6 +199,7 @@ const WeaponSearchFilterBar = (props: Props) => {
 
       <SearchFilter
         label={t('filters.labels.element')}
+        key="element"
         numSelected={
           Object.values(elementState)
             .map((x) => x.checked)
@@ -225,6 +227,7 @@ const WeaponSearchFilterBar = (props: Props) => {
 
       <SearchFilter
         label={t('filters.labels.proficiency')}
+        key="proficiency"
         numSelected={
           Object.values(proficiencyState)
             .map((x) => x.checked)
@@ -278,6 +281,7 @@ const WeaponSearchFilterBar = (props: Props) => {
 
       <SearchFilter
         label={t('filters.labels.series')}
+        key="series"
         numSelected={
           Object.values(seriesState)
             .map((x) => x.checked)