Use ResizeObserver polyfill in older browsers

jenkins-infra · Jun 6, 2021 · 4f2fb12 · 4f2fb12
1 parent 7768ce6
commit 4f2fb12
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -63,6 +63,7 @@
   "dependencies": {
     "@babel/core": "^7.14.3",
     "@halkeye/react-paginate": "^7.2.3",
+    "@juggle/resize-observer": "^3.3.1",
     "@sentry/browser": "^6.5.1",
     "algoliasearch": "^4.9.1",
     "chart.js": "^3.3.2",

diff --git a/src/components/LineChart.jsx b/src/components/LineChart.jsx
@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import {Line} from 'react-chartjs-2';
 import moment from 'moment';
+import {ResizeObserver as ResizeObserverPolyfill} from '@juggle/resize-observer';
 
 const calculateMax = (data) => {
     return 1.2 * Math.max(...data);
@@ -63,6 +64,9 @@ const styles = {
 };
 
 function LineChart({installations}) {
+    if (typeof window !== 'undefined') {
+        window.ResizeObserver = window.ResizeObserver || ResizeObserverPolyfill;
+    }
     if (!installations) {
         return null;
     }