How to use the use-query-params.useQueryParams function in use-query-params
To help you get started, we’ve selected a few use-query-params examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
hotosm / tasking-manager / frontend / src / hooks / UseInboxQueryAPI.js View on Github 
export const useInboxQueryParams = () => {
const uqp = useQueryParams(inboxQueryAllSpecification);
/* TODO: refactor this larger fn to do useCallback or useMemo, below probably really expensive */
const [qpValue, setQ] = uqp;
if (qpValue && qpValue.page === undefined) {
setQ({
pageSize: 10,
page: 1,
orderBy: 'date',
orderByType: 'desc'
})
}
return uqp;
};export const useTaskContributionQueryParams = () => {
const uqp = useQueryParams(contributionsQueryAllSpecification);
return uqp;
};export const useExploreProjectsQueryParams = () => {
return useQueryParams(projectQueryAllSpecification);
};use-query-params
React Hook for managing state in URL query parameters with easy serialization.
