diff --git a/packages/main/src/components/AnalyticalTable/index.tsx b/packages/main/src/components/AnalyticalTable/index.tsx index b105ecdd18e..9a3d2059725 100644 --- a/packages/main/src/components/AnalyticalTable/index.tsx +++ b/packages/main/src/components/AnalyticalTable/index.tsx @@ -248,15 +248,14 @@ const AnalyticalTable: FC = forwardRef((props: TableProps, ref: Ref< }); }, []); - // @ts-ignore - const tableWidthObserver = useRef(new ResizeObserver(updateTableClientWidth)); - useEffect(() => { - tableWidthObserver.current.observe(tableRef.current); + // @ts-ignore + const tableWidthObserver = new ResizeObserver(updateTableClientWidth); + tableWidthObserver.observe(tableRef.current); return () => { - tableWidthObserver.current.disconnect(); + tableWidthObserver.disconnect(); }; - }, [tableWidthObserver.current, tableRef.current]); + }, [updateTableClientWidth]); useEffect(() => { dispatch({ type: 'SET_GROUP_BY', payload: groupBy });