refactor state initialization to resolve potential identifier conflicts

Author: Haneet Singh

src/useEditable.ts

@@ -178,8 +178,8 @@ export const useEditable = (
   if (!opts) opts = {};
 
   const unblock = useState([])[1];
-  const state: State = useState(() => {
-    const state: State = {
+  const createInitialState = (onChange: any): State => {
+    const initialState: State = {
       observer: null as any,
       disconnected: false,
       onChange,
@@ -190,13 +190,14 @@ export const useEditable = (
     };
 
     if (typeof MutationObserver !== 'undefined') {
-      state.observer = new MutationObserver(batch => {
-        state.queue.push(...batch);
+      initialState.observer = new MutationObserver(mutations => {
+        initialState.queue.push(...mutations);
       });
     }
 
-    return state;
-  })[0];
+    return initialState;
+  };
+  const state: State = useState(() => createInitialState(onChange))[0];
 
   const edit = useMemo<Edit>(
     () => ({