diff --git a/package.json b/package.json
index 176914b..02f8b96 100644
--- a/package.json
+++ b/package.json
@@ -35,6 +35,7 @@
  "scripts": {
   "start": "react-scripts start",
   "build": "rm -rf build && tsc -p tsconfig-npm.json",
+  "watch": "rm -rf build && tsc -w -p tsconfig-npm.json",
   "test": "react-scripts test",
   "eject": "react-scripts eject",
   "version:patch": "npm run version:pre && npm run version:changelog && npm version patch && npm run version:post",
diff --git a/src/utils/useDocumentLoader.ts b/src/utils/useDocumentLoader.ts
index 52d5f9a..5c85a35 100644
--- a/src/utils/useDocumentLoader.ts
+++ b/src/utils/useDocumentLoader.ts
@@ -57,7 +57,7 @@ export const useDocumentLoader = (): {
   );
 
   useEffect(() => {
-    if (!currentDocument || CurrentRenderer === undefined) return;
+    if (!currentDocument || currentDocument.fileData || CurrentRenderer === undefined) return;
 
     const controller = new AbortController();
     const { signal } = controller;
@@ -88,7 +88,7 @@ export const useDocumentLoader = (): {
     return () => {
       controller.abort();
     };
-  }, [CurrentRenderer]);
+  }, [CurrentRenderer, currentDocument?.fileData]);
 
   return { state, dispatch, CurrentRenderer };
 };