Spy web doesn't work on IE11 and Edge

Author: mbarekh

package.json

@@ -24,6 +24,7 @@
     "es6-promisify": "^6.0.0",
     "grommet": "^1.1.0",
     "prop-types": "^15.5.8",
+    "query-string": "^6.1.0",
     "react": "^16.0.0",
     "react-dom": "^16.0.0",
     "react-intl": "^2.2.3",

src/components/XCSpyApp.tsx

@@ -12,8 +12,8 @@ import { XCSpyState } from "../reducers/spyReducer";
 import { Dispatch } from "redux";
 import { setCompositionModel, initSession } from "../actions";
 import { withRouter, Redirect } from "react-router-dom";
-import { } from "types/react-router-dom";
 import { routes } from "../utils/routes";
+import * as queryString from "query-string";
 
 interface XCSpyAppGlobalProps extends XCSpyAppProps, XCSpyAppCallbackProps {
 }
@@ -72,10 +72,10 @@ class XCSpyApp extends React.Component<XCSpyAppGlobalProps, XCSpyState> {
 }
 
 const mapStateToProps = (state: XCSpyState, ownProps): XCSpyAppProps => {
-    const urlSearchParams = new URLSearchParams(ownProps.location.search);
-    const currentComponent = urlSearchParams.get(routes.params.currentComponent);
-    const serverUrl = urlSearchParams.get(routes.params.serverUrl);
-    const api = urlSearchParams.get(routes.params.api);
+    const values = queryString.parse(ownProps.location.search);
+    const currentComponent = values[routes.params.currentComponent];
+    const serverUrl = values[routes.params.serverUrl];
+    const api = values[routes.params.api];
     return {
         initialized: state.compositionModel.initialized,
         api,

yarn.lock

@@ -1407,6 +1407,10 @@ decamelize@^1.0.0, decamelize@^1.1.1, decamelize@^1.1.2:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
 
+decode-uri-component@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.0.tgz#eb3913333458775cb84cd1a1fae062106bb87545"
+
 deep-assign@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/deep-assign/-/deep-assign-2.0.0.tgz#ebe06b1f07f08dae597620e3dd1622f371a1c572"
@@ -4759,6 +4763,13 @@ query-string@^4.1.0:
     object-assign "^4.1.0"
     strict-uri-encode "^1.0.0"
 
+query-string@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/query-string/-/query-string-6.1.0.tgz#01e7d69f6a0940dac67a937d6c6325647aa4532a"
+  dependencies:
+    decode-uri-component "^0.2.0"
+    strict-uri-encode "^2.0.0"
+
 querystring-es3@^0.2.0:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/querystring-es3/-/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73"
@@ -5683,6 +5694,10 @@ strict-uri-encode@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz#279b225df1d582b1f54e65addd4352e18faa0713"
 
+strict-uri-encode@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz#b9c7330c7042862f6b142dc274bbcc5866ce3546"
+
 string-length@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/string-length/-/string-length-1.0.1.tgz#56970fb1c38558e9e70b728bf3de269ac45adfac"