персистнс строки поиска

src/webparts/requestPortal/features/myRequests/RequestsTableView.tsx

@@ -12,6 +12,7 @@ import {
 import { IMyRequest } from './models/IMyRequest';
 import { REQUEST_STATUS, IRequestType } from '../../shared/approval';
 import { onRequestsChanged } from '../../shared/requestEvents';
+import { usePersistedQuery } from '../../shared/usePersistedQuery';
 import { Pager } from './Pager';
 import styles from './RequestsTableView.module.scss';
 
@@ -150,7 +151,7 @@ export const RequestsTableView: React.FC<IRequestsTableViewProps> = ({
   const [rows, setRows] = React.useState<IMyRequest[] | undefined>(undefined);
   const [totalRows, setTotalRows] = React.useState<number>(0);
   const [page, setPage] = React.useState<number>(1);
-  const [query, setQuery] = React.useState<string>('');
+  const [query, setQuery] = usePersistedQuery(kind);
   const [error, setError] = React.useState<string>('');
 
   React.useEffect(() => setPage(1), [query, kind]);

src/webparts/requestPortal/features/myRequests/SearchView.tsx

@@ -4,6 +4,7 @@ import { getLinkedTypes, searchMyRequests } from './myRequests.service';
 import { IMyRequest } from './models/IMyRequest';
 import { REQUEST_STATUS, IRequestType } from '../../shared/approval';
 import { onRequestsChanged } from '../../shared/requestEvents';
+import { usePersistedQuery } from '../../shared/usePersistedQuery';
 import { Pager } from './Pager';
 import styles from './SearchView.module.scss';
 
@@ -107,7 +108,7 @@ export const SearchView: React.FC<ISearchViewProps> = ({ context, onOpen }) => {
   const [rows, setRows] = React.useState<IMyRequest[] | undefined>(undefined);
   const [totalRows, setTotalRows] = React.useState<number>(0);
   const [page, setPage] = React.useState<number>(1);
-  const [query, setQuery] = React.useState<string>('');
+  const [query, setQuery] = usePersistedQuery('search');
   const [error, setError] = React.useState<string>('');
 
   React.useEffect(() => setPage(1), [query]);