From 9e1dc92dbf714a19d3d3946a3ce05327b3cb9666 Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Mon, 3 Feb 2025 16:18:45 -0800
Subject: [PATCH] fix key, add proptypes

---
 .../Create/Components/Tabs/index.jsx          | 37 +++++++++++++++----
 1 file changed, 29 insertions(+), 8 deletions(-)

diff --git a/Client/src/Pages/StatusPage/Create/Components/Tabs/index.jsx b/Client/src/Pages/StatusPage/Create/Components/Tabs/index.jsx
index b81b70c7b..010ca30db 100644
--- a/Client/src/Pages/StatusPage/Create/Components/Tabs/index.jsx
+++ b/Client/src/Pages/StatusPage/Create/Components/Tabs/index.jsx
@@ -1,7 +1,11 @@
+// Components
 import { TabContext, TabList } from "@mui/lab";
-import { Stack, Tab } from "@mui/material";
+import { Tab } from "@mui/material";
 import Settings from "./Settings";
 import Content from "./Content";
+
+// Utils
+import PropTypes from "prop-types";
 const Tabs = ({
 	form,
 	errors,
@@ -23,13 +27,15 @@ const Tabs = ({
 					setTab(TAB_LIST.indexOf(tab));
 				}}
 			>
-				{TAB_LIST.map((tab, idx) => (
-					<Tab
-						key={Math.random()}
-						label={TAB_LIST[idx]}
-						value={TAB_LIST[idx]}
-					/>
-				))}
+				{TAB_LIST.map((tab, idx) => {
+					return (
+						<Tab
+							key={tab}
+							label={TAB_LIST[idx]}
+							value={TAB_LIST[idx]}
+						/>
+					);
+				})}
 			</TabList>
 			{tab === 0 ? (
 				<Settings
@@ -56,4 +62,19 @@ const Tabs = ({
 	);
 };
 
+Tabs.propTypes = {
+	form: PropTypes.object,
+	errors: PropTypes.object,
+	monitors: PropTypes.array,
+	selectedMonitors: PropTypes.array,
+	setSelectedMonitors: PropTypes.func,
+	handleFormChange: PropTypes.func,
+	handleImageChange: PropTypes.func,
+	progress: PropTypes.number,
+	removeLogo: PropTypes.func,
+	tab: PropTypes.number,
+	setTab: PropTypes.func,
+	TAB_LIST: PropTypes.array,
+};
+
 export default Tabs;