src/App.tsx

@@ -1,3 +1,4 @@
+import { DireProvider } from "./Context/DireContext";
 import AppRoutes from "./router/AppRoutes";
 import { ToastContainer } from "react-toastify";
 
@@ -5,8 +6,13 @@ import { ToastContainer } from "react-toastify";
 const App = () => {
   return (
     <div className="app">
-      <AppRoutes />
-    <ToastContainer></ToastContainer>
+      <DireProvider>
+        <AppRoutes />
+      </DireProvider>
+      
+      <ToastContainer>
+        
+    </ToastContainer>
 
     </div>
   );