chore: add proper body transformation to sneak case with wretch (#202)

* chore: add proper body transformation to sneak case with wretch

* chore: handle case where body is not valid json

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* chore: remove object mutation error

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

app/services/repoApi.js

@@ -1,4 +1,7 @@
 import { generateApiClient } from '@utils/apiUtils';
 const repoApi = generateApiClient('github');
 
+/**
+ * @see https://github.com/elbywan/wretch?tab=readme-ov-file#http-methods-
+ */
 export const getRepos = (repoName) => repoApi.get(`search/repositories?q=${repoName}`);

app/utils/apiUtils.js

@@ -61,8 +61,14 @@ export const createApiClientWithTransForm = (baseURL) => {
     const { body } = opts;
     if (body) {
       // this needs to actually mutate the request
-      // eslint-disable-next-line immutable/no-mutation
-      opts.body = mapKeysDeep(body, (keys) => snakeCase(keys));
+      try {
+        const parsedBody = JSON.parse(body);
+        // eslint-disable-next-line immutable/no-mutation
+        opts.body = JSON.stringify(mapKeysDeep(parsedBody, (keys) => snakeCase(keys)));
+      } catch (error) {
+        console.error('Invalid JSON body:', error);
+        throw new Error('Invalid JSON body');
+      }
     }
     return next(url, opts);
   };