From e0dfb55c5457aec489fc084c4567e791b4c65eb1 Mon Sep 17 00:00:00 2001 From: dujinkim Date: Wed, 26 Mar 2025 00:37:41 +0000 Subject: 3/25 까지의 대표님 작업사항 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- hooks/use-query-string.ts | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) create mode 100644 hooks/use-query-string.ts (limited to 'hooks/use-query-string.ts') diff --git a/hooks/use-query-string.ts b/hooks/use-query-string.ts new file mode 100644 index 00000000..5f523230 --- /dev/null +++ b/hooks/use-query-string.ts @@ -0,0 +1,24 @@ +import * as React from "react" + +type QueryParams = Record + +export function useQueryString(searchParams: URLSearchParams) { + const createQueryString = React.useCallback( + (params: QueryParams) => { + const newSearchParams = new URLSearchParams(searchParams?.toString()) + + for (const [key, value] of Object.entries(params)) { + if (value === null) { + newSearchParams.delete(key) + } else { + newSearchParams.set(key, String(value)) + } + } + + return newSearchParams.toString() + }, + [searchParams] + ) + + return { createQueryString } +} -- cgit v1.2.3