From dbf027c912690b2eb28565d9edf5c5d828384899 Mon Sep 17 00:00:00 2001
From: Gabe Hernandez <ghernandez345@gmail.com>
Date: Tue, 9 Mar 2021 14:32:12 +0000
Subject: [PATCH] fix reseting setting nav tabs (#422)

---
 frontend/pages/admin/SettingsWrapper/SettingsWrapper.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/pages/admin/SettingsWrapper/SettingsWrapper.tsx b/frontend/pages/admin/SettingsWrapper/SettingsWrapper.tsx
index 77c633eb6f..9cb16d5440 100644
--- a/frontend/pages/admin/SettingsWrapper/SettingsWrapper.tsx
+++ b/frontend/pages/admin/SettingsWrapper/SettingsWrapper.tsx
@@ -32,7 +32,7 @@ interface ISettingsWrapperProp {
   }
 }
 
-const getDefaultTabIndex = (path: string): number => {
+const getTabIndex = (path: string): number => {
   return settingsSubNav.findIndex((navItem) => {
     return navItem.pathname.includes(path);
   });
@@ -53,10 +53,10 @@ const SettingsWrapper = (props: ISettingsWrapperProp): JSX.Element => {
     <div className={baseClass}>
       <div className={`${baseClass}__nav-header`}>
         <h1>Settings</h1>
-        <Tabs defaultIndex={getDefaultTabIndex(pathname)} onSelect={i => navigateToNav(i)}>
+        <Tabs selectedIndex={getTabIndex(pathname)} onSelect={i => navigateToNav(i)}>
           <TabList>
             {settingsSubNav.map((navItem) => {
-              return <Tab>{navItem.name}</Tab>;
+              return <Tab key={navItem.name}>{navItem.name}</Tab>;
             })}
           </TabList>
         </Tabs>