useFetch post call inserts quotes when passed a string

[nibblesnbits]

Describe the bug
useFetch post call inserts quotes when passed a string.

⚠️ Make a Codesandbox ⚠️
Please click this to easily reproduce the bug.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://codesandbox.io/s/strange-wave-onbnw?file=/src/App.js
2. Open devtools and observe network call to `/test'
3. View request payload
4. See that "test" is exctly that. The word "test" wrapped in quotes.

Expected behavior
I expect a string to be passed into the body of the request as a string, not wrapped in quotes.

[joaoarieira]

You need something like this?
await post("/test", {test: "test"});

[nibblesnbits]

No I need specifically to be able to pass any string value at all. I'll update the sandbox shortly to reflect when I'm actually doing in my app, but the short version is that in order to do a URL encoded form post like a normal HTML form, a typical fetch call would be passing plane string not an object

…

________________________________ From: João Arieira ***@***.***> Sent: Friday, January 21, 2022 11:47:41 AM To: ava/use-http ***@***.***> Cc: Stephen Collins ***@***.***>; Author ***@***.***> Subject: Re: [ava/use-http] useFetch `post` call inserts quotes when passed a string (Issue #360) You need something like this? await post("/test", {test: "test"}); — Reply to this email directly, view it on GitHub<https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fava%2Fuse-http%2Fissues%2F360%23issuecomment-1018680215&data=04%7C01%7C%7Ca4122eac8a4a49155a4608d9dcfdbe09%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C637783804638167201%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=Hjh7MHwwoDSmMVzDm5522Uu6sozSy17C%2B5oJT%2FHEWw4%3D&reserved=0>, or unsubscribe<https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fnotifications%2Funsubscribe-auth%2FABODKJIW53556AYQ2FNVPTTUXGE23ANCNFSM5MN2B4YQ&data=04%7C01%7C%7Ca4122eac8a4a49155a4608d9dcfdbe09%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C637783804638167201%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=NAD%2BTumtCqV4KIamkSSl5Zrj79kSi%2B4Whs6OfKb4c4Q%3D&reserved=0>. Triage notifications on the go with GitHub Mobile for iOS<https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fapps.apple.com%2Fapp%2Fapple-store%2Fid1477376905%3Fct%3Dnotification-email%26mt%3D8%26pt%3D524675&data=04%7C01%7C%7Ca4122eac8a4a49155a4608d9dcfdbe09%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C637783804638177193%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=OBB2%2Fo0%2F4jJ2hn9Sg%2B7MmpzrJNuMlorkPN8CNSIr7tE%3D&reserved=0> or Android<https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fplay.google.com%2Fstore%2Fapps%2Fdetails%3Fid%3Dcom.github.android%26referrer%3Dutm_campaign%253Dnotification-email%2526utm_medium%253Demail%2526utm_source%253Dgithub&data=04%7C01%7C%7Ca4122eac8a4a49155a4608d9dcfdbe09%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C637783804638187190%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=n5FGW0n7HdHMeMXp7V%2F41ytXJ8zWKwm4q7aNVIIXngI%3D&reserved=0>. You are receiving this because you authored the thread.Message ID: ***@***.***>

[joaoarieira]

I'm afraid I can't help you.
This should help:
https://use-http.com/#/?id=file-upload-formdata

[nibblesnbits]

I've updated the sandbox. No, that link doesn't help, unfortunately because I'm not using FormData, I need to just pass a string. https://codesandbox.io/s/bold-stallman-xf6ko?file=/src/App.js

[csvan]

This also breaks XML bodies, which are incorrectly formatted as strings rather than plain XML values. Sending the exact same body using native fetch works, but breaks when using the hook.

[csvan]

I'm afraid I can't help you.

Doesn't this hook use the native fetch under the hood? If so, why is the default behaviour modified?