From ed1cb4da31481c4e556cad93ef1f88ecf6437507 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 27 Mar 2025 11:06:57 +0100
Subject: [PATCH] use async function instead of .then

---
 packages/react/src/store/index.ts | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts
index e099ca95..deb30c29 100644
--- a/packages/react/src/store/index.ts
+++ b/packages/react/src/store/index.ts
@@ -42,14 +42,14 @@ const createStore = ({
   nodeExtent?: CoordinateExtent;
 }) =>
   createWithEqualityFn<ReactFlowState>((set, get) => {
-    function resolveFitView() {
+    async function resolveFitView() {
       const { nodeLookup, panZoom, fitViewOptions, fitViewResolver, width, height, minZoom, maxZoom } = get();
 
       if (!panZoom) {
         return;
       }
 
-      const fitViewPromise = fitViewport(
+      const viewFitted = await fitViewport(
         {
           nodes: nodeLookup,
           width,
@@ -60,10 +60,9 @@ const createStore = ({
         },
         fitViewOptions
       );
-      fitViewPromise.then((value) => {
-        fitViewResolver?.resolve(value);
-        set({ fitViewResolver: null });
-      });
+
+      fitViewResolver?.resolve(viewFitted);
+      set({ fitViewResolver: null });
     }
 
     return {