Add querystring params

src/useGet.test.tsx

@@ -1020,6 +1020,39 @@ describe("useGet hook", () => {
     });
   });
 
+  describe("querystring custom params", () => {
+    it("should parse the querystring regarding the options", async () => {
+      nock("https://my-awesome-api.fake")
+        .get("/")
+        .query(i => {
+          return i["anArray[]"] === "nice";
+        })
+        .reply(200, () => ({ id: 42 }));
+
+      const children = jest.fn();
+      children.mockReturnValue(<div />);
+
+      const MyAwesomeComponent: React.FC<{ path: string }> = ({ path }) => {
+        const params = useGet<{ id: number }, any, { anArray: string[] }>({
+          path,
+          queryParams: { anArray: ["nice"] },
+          queryParamStringifyOptions: { arrayFormat: "brackets" },
+        });
+        return children(params);
+      };
+
+      render(
+        <RestfulProvider base="https://my-awesome-api.fake">
+          <MyAwesomeComponent path="" />
+        </RestfulProvider>,
+      );
+
+      await wait(() => expect(children).toBeCalledTimes(2));
+      expect(children.mock.calls[1][0].loading).toEqual(false);
+      expect(children.mock.calls[1][0].data).toEqual({ id: 42 });
+    });
+  });
+
   describe("generation pattern", () => {
     it("should call the correct endpoint", async () => {
       nock("https://my-awesome-api.fake")

src/useGet.tsx

@@ -60,7 +60,12 @@ export interface UseGetProps<TData, TQueryParams> {
     | number;
 }
 
-export function resolvePath<TQueryParams>(base: string, path: string, queryParams: TQueryParams, queryParamOptions: IStringifyOptions = {}) {
+export function resolvePath<TQueryParams>(
+  base: string,
+  path: string,
+  queryParams: TQueryParams,
+  queryParamOptions: IStringifyOptions = {},
+) {
   const appendedBase = base.endsWith("/") ? base : `${base}/`;
   const trimmedPath = path.startsWith("/") ? path.slice(1) : path;
 
@@ -97,7 +102,7 @@ async function _fetchData<TData, TError, TQueryParams>(
     (typeof context.requestOptions === "function" ? await context.requestOptions() : context.requestOptions) || {};
 
   const request = new Request(
-    resolvePath(base, path, { ...context.queryParams, ...queryParams }, props.queryParamStringifyOptions || P{),
+    resolvePath(base, path, { ...context.queryParams, ...queryParams }, props.queryParamStringifyOptions || {}),
     merge({}, contextRequestOptions, requestOptions, { signal }),
   );
 
@@ -216,10 +221,15 @@ export function useGet<TData = any, TError = any, TQueryParams = { [key: string]
 
   return {
     ...state,
-    absolutePath: resolvePath(props.base || context.base, props.path, {
-      ...context.queryParams,
-      ...props.queryParams,
-    }, props.queryParamStringifyOptions || {}),
+    absolutePath: resolvePath(
+      props.base || context.base,
+      props.path,
+      {
+        ...context.queryParams,
+        ...props.queryParams,
+      },
+      props.queryParamStringifyOptions,
+    ),
     cancel: () => {
       setState({
         ...state,

src/useMutate.test.tsx

@@ -187,7 +187,38 @@ describe("useMutate", () => {
       });
       expect(res).toEqual({ vegan: true });
     });
+
+    it("should parse the querystring regarding the options", async () => {
+      nock("https://my-awesome-api.fake")
+        .delete("/")
+        .query(i => {
+          return i["anArray[]"] === "nice";
+        })
+        .reply(200, () => ({ vegan: true }));
+
+      const wrapper: React.FC = ({ children }) => (
+        <RestfulProvider base="https://my-awesome-api.fake">{children}</RestfulProvider>
+      );
+      const { result } = renderHook(
+        () =>
+          useMutate("DELETE", "", {
+            queryParams: { anArray: ["nice"] },
+            queryParamStringifyOptions: { arrayFormat: "brackets" },
+          }),
+        {
+          wrapper,
+        },
+      );
+      const res = await result.current.mutate("");
+
+      expect(result.current).toMatchObject({
+        error: null,
+        loading: false,
+      });
+      expect(res).toEqual({ vegan: true });
+    });
   });
+
   it("should merge with the provider's query parameters if both specified", async () => {
     nock("https://my-awesome-api.fake")
       .delete("/")

src/useMutate.tsx

@@ -95,7 +95,12 @@ export function useMutate<
       }
 
       const request = new Request(
-        resolvePath(base, isDelete ? `${path}/${body}` : path, { ...context.queryParams, ...queryParams }),
+        resolvePath(
+          base,
+          isDelete ? `${path}/${body}` : path,
+          { ...context.queryParams, ...queryParams },
+          props.queryParamStringifyOptions,
+        ),
         merge({}, contextRequestOptions, options, propsRequestOptions, mutateRequestOptions, { signal }),
       );