fix: wait for api to load

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-grid-panzoom",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "description": "React grid component for pan and zoom with possibility to moving and selecting elements inside",
   "keywords": [
     "react",

src/hooks/useApiLoaded.ts

@@ -7,10 +7,20 @@ const useApiLoaded = () => {
   const [apiLoaded, setApiLoaded] = useState(false);
 
   useEffect(() => {
-    if (apiLoaded || !panZoomRef.current) return;
+    if (apiLoaded) return;
 
-    setApiLoaded(true);
-  }, [apiLoaded, panZoomRef.current]);
+    const checkAPI = () => {
+      if (panZoomRef.current) setApiLoaded(true);
+    }
+
+    checkAPI()
+
+    const waitForAPI = setInterval(checkAPI, 10)
+
+    return () => {
+      clearInterval(waitForAPI)
+    }
+  }, [apiLoaded]);
 
   return apiLoaded;
 };