[@mantine/hooks] use-resize-observer: Fix types (#5847)

mantinedev · Mar 12, 2024 · aad43b5 · aad43b5
1 parent 7a4659a
commit aad43b5
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/docs/src/pages/hooks/use-resize-observer.mdx b/docs/src/pages/hooks/use-resize-observer.mdx
@@ -31,7 +31,7 @@ See also [use-element-size](https://mantine.dev/hooks/use-element-size/) hook in
 function useResizeObserver<T extends HTMLElement = any>(
   options?: ResizeObserverOptions
 ): [
-  MutableRefObject<T>,
+  RefObject<T>,
   {
     x: number;
     y: number;

diff --git a/packages/@mantine/hooks/src/use-resize-observer/use-resize-observer.ts b/packages/@mantine/hooks/src/use-resize-observer/use-resize-observer.ts
@@ -15,7 +15,7 @@ const defaultState: ObserverRect = {
 
 export function useResizeObserver<T extends HTMLElement = any>(options?: ResizeObserverOptions) {
   const frameID = useRef(0);
-  const ref = useRef<T>();
+  const ref = useRef<T>(null);
 
   const [rect, setRect] = useState<ObserverRect>(defaultState);
 
@@ -53,7 +53,7 @@ export function useResizeObserver<T extends HTMLElement = any>(options?: ResizeO
     };
   }, [ref.current]);
 
-  return [ref as any, rect] as const;
+  return [ref, rect] as const;
 }
 
 export function useElementSize<T extends HTMLElement = any>(options?: ResizeObserverOptions) {