fix resizeobserver loop

src/hooks/useElementSize.ts

@@ -0,0 +1,25 @@
+import { MutableRefObject, useLayoutEffect, useRef, useState } from 'react';
+import useResizeObserver from '@react-hook/resize-observer';
+
+interface Size {
+  width: number;
+  height: number;
+}
+
+export default function useElementSize<
+  T extends HTMLElement = HTMLDivElement
+>(): [MutableRefObject<T | null>, Size] {
+    const target = useRef<T | null>(null);
+    const [size, setSize] = useState<Size>({
+        width: 0,
+        height: 0
+    });
+
+    useLayoutEffect(() => {
+        target.current && setSize(target.current.getBoundingClientRect());
+    }, [target]);
+
+    useResizeObserver(target, (entry) => setSize(entry.contentRect));
+
+    return [target, size];
+}