How to send multiple files to aws from react native in one row? - amazon-web-services

Question

I use react native with graphQL.
I want to be able to upload multiple photos in one post in my app.
What I made is this.
As you can see, file (where uploaded files is stored) has one string.
This one row means one post in my app.
And my prisma schema is also set as String in file column.
model Photo {
id Int #id #default(autoincrement())
user User #relation(fields: [userId], references: [id])
createdAt DateTime #default(now())
updatedAt DateTime #updatedAt
*file String
}
But I want to upload multiple photos in one post which means one row in DB.
So my idea is to make my DB looks like below.
File column is made to be Array of String in one line.
In order to make this, I make my schema's file String[].
model Photo {
id Int #id #default(autoincrement())
user User #relation(fields: [userId], references: [id])
createdAt DateTime #default(now())
updatedAt DateTime #updatedAt
*file String[]
}
And I send Upload data from Front as below using map.
const onValid = async ({ caption }) => {
const file = await Promise.all(
selectPhoto.map(
(sp, index) =>
new ReactNativeFile({
uri: sp,
name: `${index}.jpg`,
type: "image/jpeg",
})
)
);
await uploadPhotoMutation({
variables: {
caption,
file,
},
});
};
Then below Array data goes to backend.
Array [
ReactNativeFile {
"name": "0.jpg",
"type": "image/jpeg",
"uri": "file:///storage/emulated/0/DCIM/Screenshots/Screenshot_20220223-011625_KakaoTalk.jpg",
},
ReactNativeFile {
"name": "1.jpg",
"type": "image/jpeg",
"uri": "file:///storage/emulated/0/DCIM/Camera/20220222_161411.jpg",
},
]
Then I upload this data to aws in order to get Url.
export const uploadSingleFileToS3 = async (file, userId, folderName) => {
const { filename, createReadStream } = await file;
const readStream = createReadStream();
const objectName = `${folderName}/${userId}-${Date.now()}-${filename}`;
const { Location } = new AWS.S3()
.upload({
Bucket: "chungchunonuploads",
Key: objectName,
ACL: "public-read",
Body: readStream,
})
.promise();
return Location;
};
export const uploadFileToS3 = async (filesToUpload, userId, folderName) => {
const uploadPromises = filesToUpload.map((file) => {
uploadSingleFileToS3(file, userId, folderName);
});
return Promise.all(uploadPromises);
};
However, I can't even check if my code is right or not.
Because I keep facing this error.
I think it's not just Network issue.
Because all other functions of app is working well.
So I guess some error of backend cause this.
even I can't figure out any little clue from this error message ^^;
I need many opinions from many people.
If you have any advise please tell me..