Types made as a context

space_flow/src/contexts/index.tsx

@@ -1,13 +1,16 @@
 import { AlertProvider } from "./alertContext";
 import { LocationProvider } from "./locationContext";
 import PopUpProvider from "./popUpContext";
+import { TypesProvider } from "./typesContext";
 
 export default function ContextWrapper({ children }) {
   return (
     <>
       <LocationProvider>
         <PopUpProvider>
-          <AlertProvider>{children}</AlertProvider>
+          <TypesProvider>
+            <AlertProvider>{children}</AlertProvider>
+          </TypesProvider>
         </PopUpProvider>
       </LocationProvider>
     </>

space_flow/src/contexts/typesContext.tsx

@@ -0,0 +1,23 @@
+import { createContext, useState } from "react";
+
+type typesContextType=
+{
+    types: {};
+    setTypes:(newState:{})=>void;
+}
+
+const initialValue= {
+    types: {},
+    setTypes:()=>{},
+}
+
+export const typesContext = createContext<typesContextType>(initialValue);
+
+export function TypesProvider({children}){
+    const [types, setTypes] = useState({});
+    return (
+        <typesContext.Provider value={{ types, setTypes}}>
+            {children}
+        </typesContext.Provider>
+    )
+}