maronato/cal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add use callback

This commit is contained in:
sean-brydon 2022-12-16 11:18:02 +00:00
parent b76351e4a1
commit dcd10f2f90
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/lib/hooks/useTypedQuery.ts
View File

@ -1,4 +1,5 @@
import { useRouter } from "next/router";
import { useCallback } from "react";
import { z } from "zod";
export function useTypedQuery<T extends z.Schema>(schema: T) {
@ -22,9 +23,12 @@ export function useTypedQuery<T extends z.Schema>(schema: T) {
}
// Set the query based on schema values
function setQuery<J extends SchemaKeys>(key: J, value: Partial<InferedSchema[J]>) {
router.replace({ query: { ...parsedQuery, [key]: value } }, undefined, { shallow: true });
}
const setQuery = useCallback(
function setQuery<J extends SchemaKeys>(key: J, value: Partial<InferedSchema[J]>) {
router.replace({ query: { ...parsedQuery, [key]: value } }, undefined, { shallow: true });
},
[parsedQuery, router]
);
// Delete a key from the query
function removeByKey(key: OptionalKeys) {