#15 feat: 새로고침 시도 시 경고문구

kimyoungyin · Aug 21, 2023 · 1d48794 · 1d48794
1 parent e11c4d2
commit 1d48794
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/routes/Upload.tsx b/src/routes/Upload.tsx
@@ -111,6 +111,18 @@ const Upload = ({ userObj, onStartUpload, onCompleteUpload }: UploadProps) => {
         asyncFunction();
     }, [navigate]);
 
+    useEffect(() => {
+        const warnUnload = (event: BeforeUnloadEvent) => {
+            event.preventDefault();
+            event.returnValue = "";
+        };
+        window.addEventListener("beforeunload", warnUnload);
+
+        return () => {
+            window.removeEventListener("beforeunload", warnUnload);
+        };
+    }, []);
+
     const handleCategoryRadioChange = (value: string) => {
         setCategoryType(value === "current" ? "current" : "new");
     };