This ensures `<input>` gets rendered first before `input?.addEventListener` gets called
This commit is contained in:
Phani Rithvij
2021-09-17 21:21:13 +05:30
committed by GitHub
parent b038325d46
commit 36fea37e23

View File

@@ -146,7 +146,7 @@ export default function MangaExtensions() {
document.removeEventListener('dragover', dragOverHandler); document.removeEventListener('dragover', dragOverHandler);
input?.removeEventListener('change', changeHandler); input?.removeEventListener('change', changeHandler);
}; };
}, []); }, [extensions]); // useEffect only after <input> renders
if (Object.entries(extensions).length === 0) { if (Object.entries(extensions).length === 0) {
return <h3>loading...</h3>; return <h3>loading...</h3>;