3/25 까지의 대표님 작업사항

1 files changed, 24 insertions, 0 deletions

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<string, string | number | null>
+
+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 }
+}