Remove unneeded render work

Author: jassmith

packages/core/src/data-editor/data-editor.tsx

@@ -817,9 +817,7 @@ const DataEditorImpl: React.ForwardRefRenderFunction<DataEditorRef, DataEditorPr
         return window.getComputedStyle(document.documentElement);
     }, []);
 
-    const fontSizeStr = docStyle.fontSize;
-
-    const remSize = React.useMemo(() => Number.parseFloat(fontSizeStr), [fontSizeStr]);
+    const remSize = React.useMemo(() => Number.parseFloat(docStyle.fontSize), [docStyle]);
 
     const { rowHeight, headerHeight, groupHeaderHeight, theme, overscrollX, overscrollY } = useRemAdjuster({
         groupHeaderHeight: groupHeaderHeightIn,
@@ -856,13 +854,10 @@ const DataEditorImpl: React.ForwardRefRenderFunction<DataEditorRef, DataEditorPr
     }, [gridSelectionOuter, rowMarkerOffset]);
     const gridSelection = gridSelectionOuterMangled ?? gridSelectionInner;
 
-    const abortControllerRef = React.useRef(new AbortController());
-    React.useEffect(() => {
-        return () => {
-            // eslint-disable-next-line react-hooks/exhaustive-deps
-            abortControllerRef?.current.abort();
-        };
-    }, []);
+    const abortControllerRef = React.useRef() as React.MutableRefObject<AbortController>;
+    if (abortControllerRef.current === undefined) abortControllerRef.current = new AbortController();
+
+    React.useEffect(() => () => abortControllerRef?.current.abort(), []);
 
     const [getCellsForSelection, getCellsForSeletionDirect] = useCellsForSelection(
         getCellsForSelectionIn,

packages/core/src/internal/data-grid-search/data-grid-search.tsx

@@ -141,7 +141,9 @@ const DataGridSearch: React.FunctionComponent<DataGridSearchProps> = p => {
         }
     }, [rows, searchResultsIn]);
 
-    const abortControllerRef = React.useRef(new AbortController());
+    const abortControllerRef = React.useRef() as React.MutableRefObject<AbortController>;
+    if (abortControllerRef.current === undefined) abortControllerRef.current = new AbortController();
+
     const searchHandle = React.useRef<number>();
     const [searchResultsInner, setSearchResultsInner] = React.useState<readonly Item[]>([]);
     const searchResults = searchResultsIn ?? searchResultsInner;