feat: create helper to parse search params

Author: SKairinos

src/helpers.tsx

@@ -1,4 +1,7 @@
 import React from 'react';
+import {
+  useSearchParams
+} from 'react-router-dom';
 import {
   Divider,
   DividerProps
@@ -23,3 +26,29 @@ export function insertDividerBetweenElements({
     }
   </>);
 }
+
+export function getSearchParams(
+  requiredParams: Record<string, any> = {},
+  optionalParams: Record<string, any> = {}
+): Record<string, any> | null {
+  const searchParams = useSearchParams()[0];
+
+  if (Object
+    .keys(requiredParams)
+    .some(name => searchParams.get(name) === null)
+  ) { return null; }
+
+  const params = {
+    ...requiredParams,
+    ...Object.fromEntries(
+      Object.keys(optionalParams)
+        .filter(name => searchParams.get(name) !== null)
+        .map(name => [name, optionalParams[name]])
+    )
+  };
+
+  return Object.fromEntries(
+    Object.entries(params)
+      .map(([key, value]) => [key, value(searchParams.get(key))])
+  );
+}

tsconfig.json

@@ -5,6 +5,7 @@
     "target": "es5",
     "lib": [
       "es6",
+      "esnext",
       "dom",
       "es2016",
       "es2017"