main 🧊 v0.3.8

Author: debabin

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@siberiacancode/reactuse",
-  "version": "0.3.7",
+  "version": "0.3.8",
   "description": "The ultimate collection of react hooks",
   "author": {
     "name": "SIBERIA CAN CODE 🧊",

packages/core/src/bundle/hooks/useActiveElement/useActiveElement.js

@@ -53,7 +53,7 @@ export const useActiveElement = (...params) => {
       element.removeEventListener('focus', onActiveElementChange, true);
       element.removeEventListener('blur', onActiveElementChange, true);
     };
-  }, [target, internalRef.state, isTarget.getRefState(target)]);
+  }, [target && isTarget.getRawElement(target), internalRef.state]);
   if (target) return value;
   return {
     ref: internalRef,

packages/core/src/bundle/hooks/useAutoScroll/useAutoScroll.js

@@ -82,7 +82,7 @@ export const useAutoScroll = (...params) => {
       element.removeEventListener('touchstart', onTouchStart);
       element.removeEventListener('touchmove', onTouchMove);
     };
-  }, [enabled, target, internalRef.state, isTarget.getRefState(target)]);
+  }, [enabled, target && isTarget.getRawElement(target), internalRef.state]);
   if (target) return;
   return internalRef;
 };

packages/core/src/bundle/hooks/useClickOutside/useClickOutside.js

@@ -44,7 +44,7 @@ export const useClickOutside = (...params) => {
     return () => {
       document.removeEventListener('click', onClick);
     };
-  }, [target, internalRef.state, isTarget.getRefState(target)]);
+  }, [target && isTarget.getRawElement(target), internalRef.state]);
   if (target) return;
   return internalRef;
 };

packages/core/src/bundle/hooks/useCssVar/useCssVar.js

@@ -68,7 +68,7 @@ export const useCssVar = (...params) => {
     return () => {
       observer.disconnect();
     };
-  }, [target, internalRef.state, isTarget.getRefState(target)]);
+  }, [target && isTarget.getRawElement(target), internalRef.state]);
   if (target) return { value, set, remove };
   return { ref: internalRef, value, set, remove };
 };

packages/core/src/bundle/hooks/useDisplayMedia/useDisplayMedia.js

@@ -71,7 +71,7 @@ export const useDisplayMedia = (...params) => {
     return () => {
       stop();
     };
-  }, [target, internalRef.state, isTarget.getRefState(target)]);
+  }, [target && isTarget.getRawElement(target), internalRef.state]);
   if (target)
     return {
       stream: streamRef.current,

packages/core/src/bundle/hooks/useDoubleClick/useDoubleClick.js

@@ -65,7 +65,7 @@ export const useDoubleClick = (...params) => {
       element.removeEventListener('touchstart', onClick);
       if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);
     };
-  }, [target, internalRef.state, isTarget.getRefState(target)]);
+  }, [target && isTarget.getRawElement(target), internalRef.state]);
   if (target) return;
   return internalRef;
 };

packages/core/src/bundle/hooks/useDropZone/useDropZone.js

@@ -132,7 +132,7 @@ export const useDropZone = (...params) => {
       element.removeEventListener('dragleave', onDragLeave);
       element.removeEventListener('drop', onDrop);
     };
-  }, [target, internalRef.state, isTarget.getRefState(target)]);
+  }, [target && isTarget.getRawElement(target), internalRef.state]);
   if (target) return { overed, files };
   return { ref: internalRef, overed, files };
 };

packages/core/src/bundle/hooks/useElementSize/useElementSize.js

@@ -41,7 +41,7 @@ export const useElementSize = (...params) => {
     return () => {
       observer.disconnect();
     };
-  }, [internalRef.state, target, isTarget.getRefState(target)]);
+  }, [internalRef.state, target && isTarget.getRawElement(target)]);
   if (target) return { value: size };
   return {
     ref: internalRef,

packages/core/src/bundle/hooks/useEventListener/useEventListener.js

@@ -71,7 +71,7 @@ export const useEventListener = (...params) => {
     return () => {
       element.removeEventListener(event, listener, options);
     };
-  }, [target, internalRef.state, isTarget.getRefState(target), event, enabled]);
+  }, [target && isTarget.getRawElement(target), internalRef.state, event, enabled]);
   if (target) return;
   return internalRef;
 };