diff --git a/src/contexts/Overlay.tsx b/src/contexts/Overlay.tsx
index 9e4b4a1..3f5ba2d 100644
--- a/src/contexts/Overlay.tsx
+++ b/src/contexts/Overlay.tsx
@@ -1,3 +1,4 @@
+import ErrorModal from "@components/modals/ErrorModal";
 import LoadingModal from "@components/modals/LoadingModal";
 import { createContext, useContext, useState } from "react";
 import { View } from "react-native";
@@ -14,7 +15,8 @@ export const OverlayContext = createContext<IoverlayContext>({
 
 export const OverlayProvider = ({ children }: { children: React.ReactNode }) => {
 	const [showBackdrop, setShowBackdrop] = useState(true);
-	const [loadingModalVisible, setLoadingModalVisible] = useState(true);
+	const [loadingModalVisible, setLoadingModalVisible] = useState(false);
+	const [errorModalVisible, setErrorModalVisible] = useState(true);
 
 	const showOverlay = () => {
 		setShowBackdrop(true);
@@ -37,6 +39,7 @@ export const OverlayProvider = ({ children }: { children: React.ReactNode }) => 
 			{showBackdrop && <OverlayBackdrop />}
 
 			{loadingModalVisible && <LoadingModal />}
+			{errorModalVisible && <ErrorModal />}
 		</OverlayContext.Provider>
 	);
 };