Flyout onOpen handler is broken about reshaped HOT 1 CLOSED

import React from "react";
import useIsomorphicLayoutEffect from "./useIsomorphicLayoutEffect";

const useHandlerRef = <T>(cb: T): React.RefObject<T> => {
	const ref = React.useRef(cb);

	useIsomorphicLayoutEffect(() => {
		ref.current = cb;
	});

	return ref;
};

export default useHandlerRef;

const { onOpen } = props;
const onOpenRef = useHandlerRef(onOpen);

React.useEffect(() => {
  onOpenRef.current?.();
}, [onOpenRef])