Function useEnrichSearchParams

Custom React hook to manage and update URL search parameters dynamically.

This hook provides an enriched searchParams object along with a function to modify search parameters while ensuring changes are applied only when necessary.

// Using the hook inside a component
const [searchParams, enrichSearchParams] = useEnrichSearchParams();

useEffect(() => {
enrichSearchParams({ sort: "name", page: "2" });
}, []);

console.log(searchParams.toString()); // Outputs: "sort=name&page=2"
  • Returns any

    • An array containing:
      • searchParams: The current search parameters as a URLSearchParams object.
      • enrichSearchParams: A function to update search parameters.