Use ResizeObserver if available else use window resize

mohammedzamakhan · fouad · commit d5937e299479 · 2018-10-31T12:22:53.000-07:00
diff --git a/index.js b/index.js
@@ -22,18 +22,24 @@ function useComponentSize(ref) {
   }
 
   useLayoutEffect(() => {
-    if (!ResizeObserver) {
-      throw new Error('Include ResizeObserver Polyfill')
-    }
     handleResize()
-    const resizeObserver = new ResizeObserver(() => handleResize())
-
-    resizeObserver.observe(ref.current)
 
-    return () => {
-      resizeObserver.disconnect(ref.current)
-      resizeObserver = null
+    if (ResizeObserver) {
+      const resizeObserver = new ResizeObserver(() => handleResize())
+      resizeObserver.observe(ref.current)
+
+      return () => {
+        resizeObserver.disconnect(ref.current)
+        resizeObserver = null
+      }
+    } else {
+      window.addEventListener('resize', handleResize)
+      
+      return () => {
+        window.removeEventListener('resize', handleResize) 
+      }
     }
+    
   }, [])
 
   return ComponentSize
