diff --git a/web/src/components/RealtimeTable/RealtimeTable.jsx b/web/src/components/RealtimeTable/RealtimeTable.jsx index 7e3a0dd..17a9d3b 100644 --- a/web/src/components/RealtimeTable/RealtimeTable.jsx +++ b/web/src/components/RealtimeTable/RealtimeTable.jsx @@ -550,6 +550,9 @@ const RealtimeTable = ({ formType, formId, sheetName, direction, year }) => { [handleNavigateToColumn, searchMatches], ); + const handleSearchNext = useCallback(() => navigateToSearchMatch(1), [navigateToSearchMatch]); + const handleSearchPrevious = useCallback(() => navigateToSearchMatch(-1), [navigateToSearchMatch]); + const handleSearchKeyDown = useCallback( (event) => { if (event.key !== 'Enter') return; @@ -775,8 +778,8 @@ const RealtimeTable = ({ formType, formId, sheetName, direction, year }) => { onGlobalFilterChange={handleGlobalFilterChange} globalFilter={globalFilter} onSearchKeyDown={handleSearchKeyDown} - onSearchNext={() => navigateToSearchMatch(1)} - onSearchPrevious={() => navigateToSearchMatch(-1)} + onSearchNext={handleSearchNext} + onSearchPrevious={handleSearchPrevious} searchMatchCount={searchMatches.length} searchMatchIndex={searchMatchIndex} sizeMult={sizeMult}