Estoy tratando de enviar varios archivos a mi api en el proyecto de reactjs, pero el problema es que no veo mis archivos en la solicitud cuando veo la pestaña de mi red.

aquí está la consulta para api

 export const ADD_CLAIM = gql` mutation addClaim( $details: String! $file: [Upload] ) { addClaim( input: { journeyId: $journeyId details: $details file: $file insuranceRiskAnalysis: $insuranceRiskAnalysis } ) } `;

Código de interfaz

al consolar los archivos como

consola.log(archivos)

, de <input type="file" multiple/> , veo

 File { name: "Testing sprint 13 - IOB.docx", lastModified: 1642575799836, size: 3031710, … } //then hitting the api like iobClaim({ variables: { journeyId:"xyz", details: values.details, file: files, insuranceRiskAnalysis: true }, }); const [iobClaim, { loading }] = useMutation(ADD_CLAIM, { onError: (err: any) => { apiErrorHandler(err); }, onCompleted: (data: any) => { }, }); but then network tab shows empty file as you can see in the ss below