Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | 7x 7x 6x 8x 6x 211x | import React, { useState } from 'react';
interface SearchContextProviderProps {
searchTerm?: string;
children: React.ReactNode;
}
export const SearchContext = React.createContext<
[string, React.Dispatch<React.SetStateAction<string>>]
>(['', () => {}]);
export function SearchContextProvider(
props: Readonly<SearchContextProviderProps>
) {
const [searchTerm, setSearchTerm] = useState(props.searchTerm ?? '');
return (
<SearchContext.Provider value={[searchTerm, setSearchTerm]}>
{props.children}
</SearchContext.Provider>
);
}
export const useSearchContext = () => React.useContext(SearchContext);
|