diff --git a/package-lock.json b/package-lock.json
index 0406e96..767b7aa 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -28428,7 +28428,7 @@
     "svg-widget-studio": {
       "version": "file:packages/svg-widget-studio",
       "requires": {
-        "@types/react-svg-pan-zoom": "*",
+        "@types/react-svg-pan-zoom": "^3.3.5",
         "eslint": "^8.41.0",
         "eslint-config-custom-react": "*",
         "eslint-import-resolver-typescript": "^3.5.5",
diff --git a/packages/svg-widget-studio/src/components/FileInputs.tsx b/packages/svg-widget-studio/src/components/FileInputs.tsx
index 80c32b1..f6b2e53 100644
--- a/packages/svg-widget-studio/src/components/FileInputs.tsx
+++ b/packages/svg-widget-studio/src/components/FileInputs.tsx
@@ -6,21 +6,21 @@ import { InvisibleTextFileInput } from './InvisibleTextFileInput';
 
 export const FileInputs = observer(() => {
   const workspaceStore = useWorkspaceMst();
-  const { openWidgetFileFlag, deactivateWidgetFilePicker } = workspaceStore.dialogManager;
+  const { dialogManager } = workspaceStore;
 
   const openWidgetInputRef = useRef<HTMLInputElement>(null);
 
   useEffect(() => {
-    if (openWidgetFileFlag) {
+    if (dialogManager.openWidgetFileFlag) {
       openWidgetInputRef?.current?.click();
     }
-  }, [openWidgetFileFlag]);
+  }, [dialogManager.openWidgetFileFlag]);
 
   return (
     <InvisibleTextFileInput
       ref={openWidgetInputRef}
       changeHandler={(txt) => {
-        deactivateWidgetFilePicker();
+        dialogManager.deactivateWidgetFilePicker();
         workspaceStore.initializeWidgetFromSnapshot(JSON.parse(txt));
       }}
       accept={`.${WIDGET_EXT}`}