How do I make putObject request to presignedUrl using s3 AWS

Question

I am working with AWS S3 Bucket, and trying to upload image from react native project managed by expo. I have express on the backend. I have created a s3 file on backend that handles getting the presigned url, and this works, and returns the url to the front end inside this thunk function from reduxjs toolkit. I used axios to send request to my server, this works. I have used axios and fetch to try the final put to the presigned url but when it reached the s3 bucket there is nothing in the file just an empty file with 200 bytes everytime. When I use the same presigned url from postman and upload and image in binary section then send the post request the image uploads to the bucket no problems. When I send binary or base64 to bucket from RN app it just uploads those values in text form. I attempted react-native-image-picker but was having problems with that too. Any ideas would be helpful thanks. I have included a snippet from redux slice. If you need more info let me know.

redux slice projects.js

// create a project
// fancy funtion here ......
export const createProject = createAsyncThunk(
    "projects/createProject",
    async (postData) => {
        // sending image to s3 bucket and getting a url to store in d
        const response = await axios.get("/s3")
        
        // post image directly to s3 bucket
        const s3Url = await fetch(response.data.data, {
            method: "PUT",
            body: postData.image
        });

        console.log(s3Url)
        console.log(response.data.data)
        

        // make another request to my server to store extra data
        try {
            const response = await axios.post('/works', postData)
            return response.data.data;
        } catch (err) {
            console.log("Create projects failed: ", err)
        }
    }
)