From 36fea37e23f6005bd64ce29bc984b335a245c67e Mon Sep 17 00:00:00 2001
From: Phani Rithvij <phanirithvij2000@gmail.com>
Date: Fri, 17 Sep 2021 21:21:13 +0530
Subject: [PATCH] try fix #30 (#31)

This ensures `<input>` gets rendered first before `input?.addEventListener` gets called
---
 src/screens/manga/MangaExtensions.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/screens/manga/MangaExtensions.tsx b/src/screens/manga/MangaExtensions.tsx
index b471c1c2e4..afe051cdbf 100644
--- a/src/screens/manga/MangaExtensions.tsx
+++ b/src/screens/manga/MangaExtensions.tsx
@@ -146,7 +146,7 @@ export default function MangaExtensions() {
             document.removeEventListener('dragover', dragOverHandler);
             input?.removeEventListener('change', changeHandler);
         };
-    }, []);
+    }, [extensions]); // useEffect only after <input> renders
 
     if (Object.entries(extensions).length === 0) {
         return <h3>loading...</h3>;