Fix linter errors

src/components/Search/SearchPageHeader.tsx

@@ -10,7 +10,6 @@ import type HeaderWithBackButtonProps from '@components/HeaderWithBackButton/typ
 import Icon from '@components/Icon';
 import * as Expensicons from '@components/Icon/Expensicons';
 import * as Illustrations from '@components/Icon/Illustrations';
-import SearchButton from '@components/Search/SearchRouter/SearchButton';
 import type {ReportActionListItemType, ReportListItemType, TransactionListItemType} from '@components/SelectionList/types';
 import Text from '@components/Text';
 import useActiveWorkspace from '@hooks/useActiveWorkspace';
@@ -32,6 +31,7 @@ import type {SearchDataTypes, SearchReport} from '@src/types/onyx/SearchResults'
 import type DeepValueOf from '@src/types/utils/DeepValueOf';
 import type IconAsset from '@src/types/utils/IconAsset';
 import {useSearchContext} from './SearchContext';
+import SearchButton from './SearchRouter/SearchButton';
 import type {SearchQueryJSON} from './types';
 
 type HeaderWrapperProps = Pick<HeaderWithBackButtonProps, 'title' | 'subtitle' | 'icon' | 'children'> & {

src/components/Search/SearchRouter/SearchRouterContext.tsx

@@ -1,4 +1,4 @@
-import React, {useCallback, useContext, useState} from 'react';
+import React, {useCallback, useContext, useMemo, useState} from 'react';
 import type ChildrenProps from '@src/types/utils/ChildrenProps';
 
 const defaultSearchContext = {
@@ -17,10 +17,14 @@ function SearchRouterContextProvider({children}: ChildrenProps) {
         setIsSearchRouterDisplayed(!isSearchRouterDisplayed);
     }, [isSearchRouterDisplayed]);
 
-    const routerContext = {
-        isSearchRouterDisplayed,
-        toggleSearchRouter,
-    };
+    const routerContext = useMemo(
+        () => ({
+            isSearchRouterDisplayed,
+            toggleSearchRouter,
+        }),
+        [isSearchRouterDisplayed, toggleSearchRouter],
+    );
+
     return <Context.Provider value={routerContext}>{children}</Context.Provider>;
 }