Track HiveGrid Cloud planning reference

hivegrid-cloud/apps/web/app/utils/hooks/use-array-state.ts

@@ -0,0 +1,21 @@
+import { useState } from "react";
+
+const useArrayState = <T>(initialArray: T[]) => {
+  const [state, setState] = useState(initialArray);
+
+  const add = (item: T) => {
+    setState((prev) => [...prev, item]);
+  };
+
+  const remove = (index: number) => {
+    setState((prev) => {
+      const newState = [...prev];
+      newState.splice(index, 1);
+      return newState;
+    });
+  };
+
+  return [state, { add, remove }];
+};
+
+export default useArrayState;