Fix react custom event listener (#112)

Co-authored-by: Frédéric Collonval <[email protected]>

Author: fcollonval

packages/react-components/lib/react-utils.js

@@ -2,15 +2,19 @@ import { useEffect, useLayoutEffect } from 'react';
 
 export function useProperties(targetElement, propName, value) {
   useEffect(() => {
-    if (value !== undefined && targetElement.current[propName] !== value) {
+    if (
+      value !== undefined &&
+      targetElement.current &&
+      targetElement.current[propName] !== value
+    ) {
       // add try catch to avoid errors when setting read-only properties
       try {
         targetElement.current[propName] = value;
       } catch (e) {
         console.warn(e);
       }
     }
-  }, [value]);
+  }, [value, targetElement.current]);
 }
 
 export function useEventListener(targetElement, eventName, eventHandler) {
@@ -26,5 +30,5 @@ export function useEventListener(targetElement, eventName, eventHandler) {
 
       targetElement?.current?.removeEventListener(eventName, eventHandler);
     };
-  }, [eventName, eventHandler, targetElement]);
+  }, [eventName, eventHandler, targetElement.current]);
 }