We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
1 parent 62bba0a commit a002326Copy full SHA for a002326
packages/react-reader/src/common/useMeasure.ts
@@ -1,5 +1,4 @@
1
-import { useMemo, useState } from "react"
2
-import useIsomorphicLayoutEffect from "./useIsomorphicLayoutEffect"
+import { useLayoutEffect, useMemo, useState } from "react"
3
4
export type UseMeasureRect = Pick<
5
DOMRectReadOnly,
@@ -39,13 +38,15 @@ export function useMeasure<E extends Element = Element>(): UseMeasureResult<E> {
39
38
[],
40
)
41
42
- useIsomorphicLayoutEffect(() => {
+ useLayoutEffect(() => {
43
if (!element) return
+
44
observer.observe(element)
45
46
return () => {
47
observer.disconnect()
48
}
- }, [element])
49
+ }, [element, observer])
50
51
return [setElement, rect, element]
52
0 commit comments