Fix product bulk actions

package.json

@@ -45,7 +45,7 @@
     "lodash": "^4.17.14",
     "lodash-es": "^4.17.14",
     "moment-timezone": "^0.5.26",
-    "qs": "^6.7.0",
+    "qs": "^6.9.0",
     "react": "^16.9.0",
     "react-apollo": "^3.0.0",
     "react-dom": "^16.9.0",

src/hooks/useListActions.ts

@@ -1,12 +1,10 @@
-import { useEffect, useState } from "react";
+import useStateFromProps from "./useStateFromProps";
 
 function useListActions<TData>(
   initial: TData[] = [],
   compareFunc: (a: TData, b: TData) => boolean = (a, b) => a === b
 ) {
-  const [listElements, setListElements] = useState(initial);
-
-  useEffect(() => setListElements(initial), [JSON.stringify(initial)]);
+  const [listElements, setListElements] = useStateFromProps(initial);
 
   function isSelected(data: TData) {
     return !!listElements.find(listElement => compareFunc(listElement, data));

src/products/index.tsx

@@ -35,6 +35,7 @@ const ProductList: React.FC<RouteComponentProps<any>> = ({ location }) => {
       ? findInEnum(qs.sort, ProductListUrlSortField)
       : ProductListUrlSortField.name
   };
+
   return <ProductListComponent params={params} />;
 };
 

src/products/urls.ts

@@ -1,6 +1,7 @@
-import { stringify as stringifyQs } from "qs";
 import urlJoin from "url-join";
 
+import { stringifyQs } from "../utils/urls";
+
 import {
   ActiveTab,
   BulkAction,

src/utils/urls.ts

@@ -0,0 +1,7 @@
+import { stringify } from "qs";
+
+export function stringifyQs(params: object): string {
+  return stringify(params, {
+    indices: false
+  });
+}