use-push-router
Version:
A custom hook that simplifies modifying the search params in Next.js
12 lines • 511 B
JavaScript
import { useSearchParams } from 'next/navigation';
import { updateSearchParams } from './update-search-params';
import { useCallback, useMemo } from 'react';
export const useModifiableSearchParams = () => {
const searchParams = useSearchParams();
const update = useCallback(updateSearchParams(searchParams), [searchParams]);
return useMemo(() => ({
searchParams,
updateSearchParams: update,
}), [searchParams, update]);
};
//# sourceMappingURL=use-modifiable-search-params.js.map