fix load external dialog

Author: mikebarkmin

packages/learningmap/src/EditorDialogs.tsx

@@ -1,4 +1,4 @@
-import React, { memo } from "react";
+import React, { memo, useEffect } from "react";
 import { X } from "lucide-react";
 import { useEditorStore } from "./editorStore";
 import { ShareDialog } from "./ShareDialog";
@@ -39,6 +39,17 @@ export const EditorDialogs = memo(({ defaultLanguage = "en", jsonStore = "https:
     downloadAnchorNode.remove();
   };
 
+  useEffect(() => {
+    const hash = window.location.hash;
+    if (hash.startsWith("#json=")) {
+      const id = hash.replace("#json=", "");
+      if (id && id !== pendingExternalId) {
+        setPendingExternalId(id);
+        setLoadExternalDialogOpen(true);
+      }
+    }
+  }, [setLoadExternalDialogOpen, setPendingExternalId, pendingExternalId]);
+
   const keyboardShortcuts = [
     { action: t.shortcuts.undo, shortcut: "Ctrl+Z" },
     { action: t.shortcuts.redo, shortcut: "Ctrl+Y or Ctrl+Shift+Z" },