refactor: remove qs-stringify dependency (#18)

toomuchdesign · Oct 26, 2024 · 232c3b3 · 232c3b3
1 parent d906493
commit 232c3b3
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 14 deletions.
diff --git a/.changeset/unlucky-seahorses-taste.md b/.changeset/unlucky-seahorses-taste.md
@@ -0,0 +1,5 @@
+---
+'next-use-contextual-routing': minor
+---
+
+refactor: remove qs-stringify dependency in favour of native URLSearchParams
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -43,9 +43,6 @@
   },
   "author": "Andrea Carraro <[email protected]>",
   "license": "ISC",
-  "dependencies": {
-    "qs-stringify": "^1.2.1"
-  },
   "devDependencies": {
     "@changesets/cli": "^2.27.7",
     "@testing-library/react": "^16.0.0",
@@ -55,6 +52,7 @@
     "jest-environment-jsdom": "^29.3.1",
     "next": "^15.0.0",
     "prettier": "^3.3.2",
+    "qs-stringify": "^1.2.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-modal": "^3.16.1",

diff --git a/src/index.ts b/src/index.ts
@@ -1,6 +1,5 @@
 import { useCallback } from 'react';
 import { useRouter } from 'next/router.js';
-import stringify from 'qs-stringify';
 export const RETURN_HREF_QUERY_PARAM = '_UCR_return_href';
 
 /**
@@ -36,11 +35,11 @@ export function useContextualRouting(): {
     (extraParams?: Record<string, string | number>) =>
       router.pathname +
       '?' +
-      stringify(
-        Object.assign({}, router.query, extraParams, {
-          [RETURN_HREF_QUERY_PARAM]: returnHref,
-        })
-      ),
+      new URLSearchParams({
+        ...router.query,
+        ...extraParams,
+        [RETURN_HREF_QUERY_PARAM]: returnHref,
+      }).toString(),
     [queryHash, returnHref]
   );