fix: Crash on missing method

commutatus · Sep 6, 2024 · d5eee2b · d5eee2b
1 parent fbe4d75
commit d5eee2b
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 7 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@commutatus/react-arrows",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "React SVG arrow between two HTML elements",
   "keywords": [
     "arrow",

diff --git a/src/hooks/useArrow.js b/src/hooks/useArrow.js
@@ -9,10 +9,14 @@ const useArrow = ({ className, head, from, to, onChange, onClick }) => {
   const arrowRef = useRef();
 
   useLayoutEffect(() => {
-    if (!arrowRef.current) return
-    arrowRef.current.setProps({
-      className, head, from, to, onChange, onClick
-    })
+    if (!arrowRef.current?.setProps) return
+    try {
+      arrowRef.current.setProps({
+        className, head, from, to, onChange, onClick
+      })
+    } catch (e) {
+      console.error(e)
+    }
   }, [className, head, from, to, onChange, onClick])
 
   useLayoutEffect(() => {
@@ -33,7 +37,7 @@ const useArrow = ({ className, head, from, to, onChange, onClick }) => {
         onChange,
         onClick
       })
-    } catch(e){
+    } catch (e) {
       console.warn(e);
       return;
     }