add first version useQueryParams hook

Author: Arthurgallina1

src/index.js

@@ -23,6 +23,7 @@ export { default as useOnClickOutside } from './useOnClickOutside';
 export { default as useOnlineStatus } from './useOnlineStatus';
 export { default as usePrevious } from './usePrevious';
 export { default as usePrint } from './usePrint';
+export { default as useQueryParams } from './useQueryParams';
 export { default as useScript } from './useScript';
 export { default as useSpeechRecognition } from './useSpeechRecognition';
 export { default as useSpeechSynthesis } from './useSpeechSynthesis';

src/useQueryParams.js

@@ -0,0 +1,39 @@
+import { useEffect } from 'react';
+import useLocation from './useLocation';
+
+// getParams & setParams
+
+export default function useQueryParams() {
+  const {
+    replace, search,
+  } = useLocation();
+
+  const getParams = () => {
+    const urlSearchParams = new URLSearchParams(search);
+    const params = Object.fromEntries(urlSearchParams.entries());
+    return params;
+  };
+
+  const setParams = (params) => {
+    console.log(params);
+    const urlSearchParams = new URLSearchParams(params);
+    replace(`?${urlSearchParams.toString()}`);
+
+    console.log(urlSearchParams.toString());
+    // urlSearchParams.forEach((item) => console.log(item));
+    // const urlSearchParams = new URLSearchParams();
+    // Object.entries(params).forEach(([key, value]) => {
+    //   console.log(key, value);
+    //   urlSearchParams.append(key, value);
+    // });
+    // replace(`?${urlSearchParams.toString()}`);
+  };
+
+  useEffect(() => {
+    getParams();
+  }, [search]);
+
+  return {
+    getParams, setParams,
+  };
+}