fix: Issue when sending request with FormData

example/src/App.tsx

@@ -10,11 +10,17 @@ import {
 import NetworkLogger, { ThemeName } from 'react-native-network-logger';
 
 export default function App() {
+  const formData = new FormData();
+  formData.append('test', 'hello');
   const makeRequest = () => {
     fetch('https://postman-echo.com/post', {
       method: 'POST',
       body: JSON.stringify({ test: 'hello' }),
     });
+    fetch('https://postman-echo.com/post?formData', {
+      method: 'POST',
+      body: formData,
+    });
     fetch('https://httpstat.us/302');
     fetch('https://httpstat.us/400');
     fetch('https://httpstat.us/500');

src/NetworkRequestInfo.ts

@@ -1,5 +1,6 @@
 import BlobFileReader from 'react-native/Libraries/Blob/FileReader';
 import { Headers, RequestMethod } from './types';
+import fromEntries from './utils/fromEntries';
 
 export default class NetworkRequestInfo {
   type = '';
@@ -52,14 +53,17 @@ export default class NetworkRequestInfo {
   }
 
   private escapeQuotes(value: string) {
-    return value.replace(/'/g, `\\'`);
+    return value.replace?.(/'/g, `\\'`);
   }
 
-  private stringifyFormat(data: string) {
+  private stringifyFormat(data: any) {
     try {
-      return JSON.stringify(JSON.parse(data), null, '\t');
+      if (data?._parts?.length) {
+        return JSON.stringify(fromEntries(data?._parts), null, 2);
+      }
+      return JSON.stringify(JSON.parse(data), null, 2);
     } catch (e) {
-      return data;
+      return `${data}`;
     }
   }
 

src/__tests__/NetworkRequestInfo.spec.ts

@@ -98,3 +98,80 @@ describe('getCurlRequest', () => {
     expect(info.curlRequest).toEqual("curl -XDELETE 'https://test.com'");
   });
 });
+
+describe('getRequestBody', () => {
+  const info = new NetworkRequestInfo(
+    'application/json',
+    'GET',
+    'https://test.com'
+  );
+
+  it('should return stringified data in consistent format', () => {
+    info.dataSent = '{"data":    {"a":   1   }}';
+    const result = info.getRequestBody();
+    expect(typeof result).toBe('string');
+    expect(result).toMatchInlineSnapshot(`
+      "{
+        \\"data\\": {
+          \\"a\\": 1
+        }
+      }"
+    `);
+  });
+
+  it('should return original object as string if stringify fails', () => {
+    // @ts-ignore
+    info.dataSent = { test: 1 };
+    const result = info.getRequestBody();
+    expect(typeof result).toBe('string');
+    expect(result).toEqual('[object Object]');
+  });
+
+  it('should process formData', () => {
+    const mockFormData = {
+      _parts: [
+        ['test', 'hello'],
+        ['another', 'goodbye'],
+      ],
+    };
+    // @ts-ignore
+    info.dataSent = mockFormData;
+    const result = info.getRequestBody();
+    expect(typeof result).toBe('string');
+    expect(result).toMatchInlineSnapshot(`
+      "{
+        \\"test\\": \\"hello\\",
+        \\"another\\": \\"goodbye\\"
+      }"
+    `);
+  });
+});
+
+describe('getResponseBody', () => {
+  const info = new NetworkRequestInfo(
+    'application/json',
+    'GET',
+    'https://test.com'
+  );
+
+  it('should return stringified data in consistent format', () => {
+    info.dataSent = '{"data":    {"a":   1   }}';
+    const result = info.getRequestBody();
+    expect(typeof result).toBe('string');
+    expect(result).toMatchInlineSnapshot(`
+      "{
+        \\"data\\": {
+          \\"a\\": 1
+        }
+      }"
+    `);
+  });
+
+  it('should return original object as string if stringify fails', () => {
+    // @ts-ignore
+    info.dataSent = { test: 1 };
+    const result = info.getRequestBody();
+    expect(typeof result).toBe('string');
+    expect(result).toEqual('[object Object]');
+  });
+});

src/utils/fromEntries.ts

@@ -0,0 +1,7 @@
+const fromEntries = (arr: any[]) =>
+  arr.reduce((acc, [k, v]) => {
+    acc[k] = v;
+    return acc;
+  }, {});
+
+export default fromEntries;