processes the change of current in the reference for certain hooks

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@atomico/hooks",
   "description": "Series of utilities in hooks format to extend the operation of Atomico",
-  "version": "3.22.0",
+  "version": "3.23.0",
   "type": "module",
   "workspaces": [
     "src/**/*"

src/use-click-coordinates/use-click-coordinates.js

@@ -23,7 +23,7 @@ export function useClickCoordinates(ref, callback) {
       },
       true
     );
-  }, [ref]);
+  }, [ref, ref?.current]);
 }
 
 /**

src/use-keyboard/use-keyboard.js

@@ -36,5 +36,5 @@ export function useKeyboard(ref, keys, callback) {
       removeKeydown();
       removeKeyup();
     };
-  }, keys);
+  }, [ref, ref?.current, ...keys]);
 }

src/use-listener/use-listener.js

@@ -12,7 +12,7 @@ export function useListener(ref, name, handler, options) {
     const { current } = ref;
     if (!current || !handler) return;
     return addListener(current, name, (event) => value.current(event), options);
-  }, [name, !!handler]);
+  }, [ref, ref?.current, name, !!handler]);
 }
 
 /**

src/use-mutation-observer/use-mutation-observer.js

@@ -21,7 +21,7 @@ export function useMutationObserver(ref, observe, config) {
     );
     observer.observe(ref.current, config);
     return () => observer.disconnect();
-  }, [ref]);
+  }, [ref, ref?.current]);
 }
 
 /**

src/use-resize-observer/use-resize-observer.js

@@ -46,7 +46,7 @@ export function useResizeObserver(ref, callback) {
         resizeObserver.unobserve(current);
       }
     };
-  }, [ref]);
+  }, [ref, ref?.current]);
 }
 
 /**

src/use-slot/use-slot.js

@@ -11,8 +11,6 @@ export function useSlot(ref) {
   useEffect(() => {
     const { current } = ref;
     if (!current) return;
-    const type = "slotchange";
-
     // handler subscriber to the event
     const handler = () =>
       setChildNodes(