remove node dependencies

Author: jmisasa

package-lock.json

@@ -70,6 +70,7 @@
     "jest": "^26.6.3",
     "next": "^13.5.1",
     "prettier": "^2.2.1",
+    "query-string": "^9.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-test-renderer": "^18.2.0",

package.json

@@ -1,7 +1,6 @@
 import type { NextRouter, RouterEvent } from "next/router";
 import mitt, { MittEmitter } from "./lib/mitt";
-import { parseUrl, stringifyQueryString } from "./urls";
-import { parse as parseQueryString } from "querystring";
+import { parseUrl, objectifyQueryString, stringifyQueryString } from "./urls";
 
 export type Url = string | UrlObject;
 export type UrlObject = {
@@ -212,7 +211,7 @@ export class MemoryRouter extends BaseRouter {
  */
 function parseUrlToCompleteUrl(url: Url, currentPathname: string): UrlObjectComplete {
   const parsedUrl = typeof url === "object" ? url : parseUrl(url);
-  const query = parsedUrl.search ? parseQueryString(parsedUrl.search) : parsedUrl.query ?? {};
+  const query = parsedUrl.search ? objectifyQueryString(parsedUrl.search) : parsedUrl.query ?? {};
 
   return {
     pathname: normalizeTrailingSlash(parsedUrl.pathname ?? currentPathname),

src/MemoryRouter.tsx

@@ -1,5 +1,6 @@
 import type { NextRouter } from "next/router";
 import type { UrlObject } from "./MemoryRouter";
+import queryString from "querystring";
 
 export function parseUrl(url: string): UrlObject {
   const base = "https://base.com"; // base can be anything
@@ -17,12 +18,8 @@ export function parseUrl(url: string): UrlObject {
   };
 }
 export function stringifyQueryString(query: NextRouter["query"]): string {
-  const params = new URLSearchParams();
-  Object.keys(query).forEach((key) => {
-    const values = query[key];
-    for (const value of Array.isArray(values) ? values : [values]) {
-      params.append(key, value!);
-    }
-  });
-  return params.toString();
+  return queryString.stringify(query);
+}
+export function objectifyQueryString(query: string): NextRouter["query"] {
+  return queryString.parse(query);
 }