use resizeObserver helper

Author: dominik-petrik

packages/react-core/src/components/Truncate/Truncate.tsx

@@ -2,6 +2,7 @@ import * as React from 'react';
 import styles from '@patternfly/react-styles/css/components/Truncate/truncate';
 import { css } from '@patternfly/react-styles';
 import { Tooltip, TooltipPosition } from '../Tooltip';
+import { getResizeObserver } from '../../helpers/resizeObserver';
 
 export enum TruncatePosition {
   start = 'start',
@@ -93,13 +94,17 @@ export const Truncate: React.FunctionComponent<TruncateProps> = ({
     if (textElement && parentElement && !observer.current) {
       const totalTextWidth = calculateTotalTextWidth(textElement, trailingNumChars, content);
       const textWidth = position === 'middle' ? totalTextWidth : textElement.scrollWidth;
-      observer.current = new ResizeObserver(() => {
-        const parentWidth = getActualWidth(parentElement);
 
+      const handleResize = () => {
+        const parentWidth = getActualWidth(parentElement);
         setIsTruncated(textWidth >= parentWidth);
-      });
+      };
+
+      const observer = getResizeObserver(parentElement, handleResize);
 
-      observer.current.observe(parentElement);
+      return () => {
+        observer();
+      };
     }
   }, [textElement, parentElement]);