🐛 fix useResizeObserver initialSize mutation (#504)

* fix useResizeObserver initialSize mutation * Create gold-spiders-invent.md --------- Co-authored-by: Julien <juliencaron@protonmail.com>
juliencrn · Feb 22, 2024 · b88cc01 · b88cc01
1 parent 6d3bca9
commit b88cc01
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/gold-spiders-invent.md b/.changeset/gold-spiders-invent.md
@@ -0,0 +1,5 @@
+---
+"usehooks-ts": patch
+---
+
+fix `useResizeObserver` initialSize mutation (#504 from @iuriiiurevich)
diff --git a/packages/usehooks-ts/src/useResizeObserver/useResizeObserver.ts b/packages/usehooks-ts/src/useResizeObserver/useResizeObserver.ts
@@ -57,7 +57,7 @@ export function useResizeObserver<T extends HTMLElement = HTMLElement>(
   const { ref, box = 'content-box' } = options
   const [{ width, height }, setSize] = useState<Size>(initialSize)
   const isMounted = useIsMounted()
-  const previousSize = useRef<Size>(initialSize)
+  const previousSize = useRef<Size>({ ...initialSize })
   const onResize = useRef<ResizeHandler | undefined>(undefined)
   onResize.current = options?.onResize