diff --git a/docs/src/pages/hooks/use-resize-observer.mdx b/docs/src/pages/hooks/use-resize-observer.mdx
index 974f5b4e787..682a6c0d240 100644
--- 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
index 8f61beff229..d2204a24186 100644
--- 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) {