fix not to use event callback to ref callback

Author: stomita

src/scripts/AutoAlign.tsx

@@ -2,6 +2,7 @@ import React, {
   FC,
   ReactElement,
   Ref,
+  useCallback,
   useContext,
   useEffect,
   useMemo,
@@ -346,12 +347,15 @@ function useAutoAlign(props: AutoAlignProps) {
     [requestRecalcAlignment]
   );
 
-  const elRefCallback = useEventCallback((el: HTMLDivElement | null) => {
-    if (el) {
-      elRef.current = el;
-      requestRecalcAlignment();
-    }
-  });
+  const elRefCallback = useCallback(
+    (el: HTMLDivElement | null) => {
+      if (el) {
+        elRef.current = el;
+        requestRecalcAlignment();
+      }
+    },
+    [requestRecalcAlignment]
+  );
 
   useEffect(() => {
     return () => {

src/scripts/Icon.tsx

@@ -6,6 +6,7 @@ import React, {
   useRef,
   useState,
   useEffect,
+  useCallback,
 } from 'react';
 import classnames from 'classnames';
 import svg4everybody from 'svg4everybody';
@@ -243,13 +244,14 @@ export const Icon = createFC<IconProps, { ICONS: typeof ICONS }>(
 
     const svgIconRef = useRef<SVGSVGElement | null>(null);
 
-    const svgIconRefCallback = useEventCallback(
+    const svgIconRefCallback = useCallback(
       (svgEl: SVGSVGElement | null) => {
         svgIconRef.current = svgEl;
         if (svgEl && props.tabIndex !== undefined) {
           svgEl.setAttribute('focusable', (props.tabIndex >= 0).toString());
         }
-      }
+      },
+      [props.tabIndex]
     );
 
     const [iconColor, setIconColor] = useState<string | null>(null);