fix(useSize): make observer work without override

kripod · Oct 25, 2019 · b5884d8 · b5884d8
1 parent ccedf58
commit b5884d8
Showing 1 changed file with 6 additions and 7 deletions.
diff --git a/packages/web-api-hooks/src/useSize.ts b/packages/web-api-hooks/src/useSize.ts
@@ -25,14 +25,13 @@ export default function useSize(
   const [size, setSize] = useState<Readonly<[number, number]>>([0, 0]);
 
   useEffect(() => {
-    if (!ResizeObserverOverride || !ref.current) return undefined;
+    const CustomResizeObserver = ResizeObserverOverride || ResizeObserver;
+    if (!CustomResizeObserver || !ref.current) return undefined;
 
-    const observer = new (ResizeObserverOverride || ResizeObserver)(
-      ([entry]) => {
-        const { width, height } = entry.contentRect;
-        setSize([width, height]);
-      },
-    );
+    const observer = new CustomResizeObserver(([entry]) => {
+      const { width, height } = entry.contentRect;
+      setSize([width, height]);
+    });
     observer.observe(ref.current);
 
     return () => {