refactor: remove qs-stringify dependency

package.json

@@ -40,9 +40,6 @@
   },
   "author": "Andrea Carraro <me@andreacarraro.it>",
   "license": "ISC",
-  "dependencies": {
-    "qs-stringify": "^1.2.1"
-  },
   "devDependencies": {
     "@testing-library/react": "^13.4.0",
     "@types/jest": "^29.2.3",

src/__tests__/index.test.tsx

@@ -2,7 +2,6 @@ import React from 'react';
 import { RouterContext } from 'next/dist/shared/lib/router-context';
 import type { NextRouter } from 'next/router';
 import { renderHook as TLRenderHook } from '@testing-library/react';
-import stringify from 'qs-stringify';
 import { useContextualRouting, RETURN_HREF_QUERY_PARAM } from '../index';
 
 type PartialRouterMock = Partial<NextRouter>;
@@ -64,12 +63,12 @@ describe('useContextualRouting', () => {
     expect(result.current.returnHref).toBe('/startpage/55?page=2#anchor');
     expect(result.current.makeContextualHref({ extraParam: 'foo' })).toBe(
       '/startpage/[id]?' +
-        stringify({
+        new URLSearchParams({
           id: '55',
           page: '2',
           extraParam: 'foo',
           [RETURN_HREF_QUERY_PARAM]: '/startpage/55?page=2#anchor',
-        })
+        }).toString()
     );
   });
 
@@ -83,9 +82,9 @@ describe('useContextualRouting', () => {
     expect(result.current.returnHref).toBe('/startpage');
     expect(result.current.makeContextualHref()).toBe(
       '/startpage/[id]?' +
-        stringify({
+        new URLSearchParams({
           [RETURN_HREF_QUERY_PARAM]: '/startpage',
-        })
+        }).toString()
     );
   });
 
@@ -105,7 +104,7 @@ describe('useContextualRouting', () => {
       expect(result.current.returnHref).toBe('/startpage/55?page=2#anchor');
       expect(result.current.makeContextualHref()).toBe(
         '/startpage/[id]?' +
-          stringify({
+          new URLSearchParams({
             id: '55',
             page: '2',
             [RETURN_HREF_QUERY_PARAM]: '/startpage/55?page=2#anchor',
@@ -132,11 +131,11 @@ describe('useContextualRouting', () => {
       expect(result.current.returnHref).toBe('/startpage/55?page=3#anchor');
       expect(result.current.makeContextualHref()).toBe(
         '/startpage/[id]?' +
-          stringify({
+          new URLSearchParams({
             id: '55',
             page: '3',
             [RETURN_HREF_QUERY_PARAM]: '/startpage/55?page=3#anchor',
-          })
+          }).toString()
       );
     });
   });

src/index.ts

@@ -1,6 +1,5 @@
 import { useCallback } from 'react';
 import { useRouter } from 'next/router';
-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]
   );