Function useSearchParamsKey

site/src/hooks/useSearchParamsKey.ts:16–41

(
	config: UseSearchParamsKeyConfig,
)

}>;

export const useSearchParamsKey = (
	config: UseSearchParamsKeyConfig,
): UseSearchParamKeyResult => {
	// Cannot use function update form for setSearchParams, because by default, it
	// will always be linked to innerSearchParams, ignoring the config's params
	const [innerSearchParams, setSearchParams] = useSearchParams();

	const {
		key,
		searchParams = innerSearchParams,
		defaultValue = "",
		replace = true,
	} = config;

	return {
		value: searchParams.get(key) ?? defaultValue,
		setValue: (newValue) => {
			searchParams.set(key, newValue);
			setSearchParams(searchParams, { replace });
		},
		deleteValue: () => {
			searchParams.delete(key);
			setSearchParams(searchParams, { replace });
		},
	};
};