diff options
Diffstat (limited to 'apps/web/src/hooks/use-resize-observer.ts')
| -rw-r--r-- | apps/web/src/hooks/use-resize-observer.ts | 52 |
1 files changed, 26 insertions, 26 deletions
diff --git a/apps/web/src/hooks/use-resize-observer.ts b/apps/web/src/hooks/use-resize-observer.ts index a4b3a603..8153b83a 100644 --- a/apps/web/src/hooks/use-resize-observer.ts +++ b/apps/web/src/hooks/use-resize-observer.ts @@ -1,26 +1,26 @@ -import { useEffect } from "react"; - -export function useResizeObserver({ - ref, - onResize, -}: { - ref: React.RefObject<HTMLElement | null>; - onResize: (entry: ResizeObserverEntry) => void; -}) { - useEffect(() => { - const element = ref.current; - if (!element) return; - - const observer = new ResizeObserver((entries) => { - for (const entry of entries) { - onResize(entry); - } - }); - - observer.observe(element); - - return () => { - observer.disconnect(); - }; - }, [ref, onResize]); -} +import { useEffect } from "react";
+
+export function useResizeObserver({
+ ref,
+ onResize,
+}: {
+ ref: React.RefObject<HTMLElement | null>;
+ onResize: (entry: ResizeObserverEntry) => void;
+}) {
+ useEffect(() => {
+ const element = ref.current;
+ if (!element) return;
+
+ const observer = new ResizeObserver((entries) => {
+ for (const entry of entries) {
+ onResize(entry);
+ }
+ });
+
+ observer.observe(element);
+
+ return () => {
+ observer.disconnect();
+ };
+ }, [ref, onResize]);
+}
|
