diff --git a/src/App.tsx b/src/App.tsx index 2e95fe7..8b7778a 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,6 +1,7 @@ // Modules import { Routes, Route } from "react-router-dom"; -import { useState } from "react"; +import { useState, useMemo } from "react"; +import { LoaderContext } from "./context/LoaderContext"; // Styles import "./styles/style.scss"; @@ -22,27 +23,37 @@ import Calendar from "./components/global/Calendar"; const App = () => { // Types type drop = [boolean, React.Dispatch>]; + type loaderType = [boolean, React.Dispatch>]; // State const [dropdown, setDropdown]: drop = useState(false); + const [loader, setLoader]: loaderType = useState(false); + + // Stack state into Memo + const loaderValue = useMemo( + () => ({ loader, setLoader }), + [loader, setLoader] + ); return ( -
-