docs: add license header

packages/editor/src/hooks/use-editor.ts

@@ -1,3 +1,21 @@
+/* This file is part of the Notesnook project (https://notesnook.com/)
+ *
+ * Copyright (C) 2022 Streetwriters (Private) Limited
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
 import { EditorOptions } from "@tiptap/core";
 import { DependencyList, useEffect, useRef, useState } from "react";
 import { Editor } from "../types";
@@ -16,28 +34,32 @@ export const useEditor = (
   const forceUpdate = useForceUpdate();
   const editorRef = useRef<Editor | null>(editor);
 
-  useEffect(() => {
-    let isMounted = true;
+  useEffect(
+    () => {
+      let isMounted = true;
 
-    const instance = new Editor(options);
+      const instance = new Editor(options);
 
-    setEditor(instance);
+      setEditor(instance);
 
-    instance.on("transaction", () => {
-      requestAnimationFrame(() => {
+      instance.on("transaction", () => {
         requestAnimationFrame(() => {
-          if (isMounted) {
-            forceUpdate();
-          }
+          requestAnimationFrame(() => {
+            if (isMounted) {
+              forceUpdate();
+            }
+          });
         });
       });
-    });
 
-    return () => {
-      instance.destroy();
-      isMounted = false;
-    };
-  }, deps);
+      return () => {
+        instance.destroy();
+        isMounted = false;
+      };
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [...deps, forceUpdate, options]
+  );
 
   useEffect(() => {
     editorRef.current = editor;
@@ -73,7 +95,7 @@ export const useEditor = (
     return () => {
       editor?.view.dom.removeEventListener("dragenter", onDragEnter);
     };
-  }, [editor?.view.dom]);
+  }, [editor?.view.dom, editor?.view.dragging]);
 
   return editor;
 };