use-push-router/dist/use-push-route.js

A custom hook that simplifies modifying the search params in Next.js

import { usePathname, useRouter } from 'next/navigation';
import { useModifiableSearchParams } from './use-modifiable-search-params';
import { useCallback, useMemo } from 'react';
export const usePushRoute = () => {
    const router = useRouter();
    const pathname = usePathname();
    const { updateSearchParams, searchParams } = useModifiableSearchParams();
    const pushSearchParams = useCallback((params) => {
        const newSearchParams = updateSearchParams(params);
        router.push(`${pathname}?${newSearchParams.toString()}`);
    }, [pathname, router, updateSearchParams]);
    return useMemo(() => ({
        pushSearchParams,
        router,
        searchParams,
    }), [pushSearchParams, router, searchParams]);
};
//# sourceMappingURL=use-push-route.js.map