chore: wait for paneReady to set zoompan

packages/vue-flow/src/store/actions.ts

@@ -340,15 +340,17 @@ export default (state: State, getters: ComputedGetters, id: string): Actions =>
   }
 
   let zoomPanHelper: ReturnType<typeof useZoomPanHelper>
-  const paneReady = async () => {
-    const zoompan = useZoomPanHelper(id)
 
+  state.hooks.paneReady.on(() => {
+    zoomPanHelper = useZoomPanHelper(id)
+  })
+
+  const paneReady = async () => {
     return new Promise<ReturnType<typeof useZoomPanHelper>>((resolve) => {
       if (!zoomPanHelper) {
-        state.hooks.paneReady.on(() => {
+        until(() => zoomPanHelper)
-          resolve(zoompan)
+          .toBeTruthy()
-          zoomPanHelper = zoompan
+          .then(() => resolve(zoomPanHelper))
-        })
       } else {
         resolve(zoomPanHelper)
       }