How can I upload a form with a file from the client to the server with react?

General
, ,
1

Hi, I am trying to send a filled form with a file included. I have tried to send only the file and everything works fine but when I attempt to add more values in addition to the file I get an error.
I have the following code in the client:

const client = new ApolloClient({
  link: createUploadLink({
    uri: 'http://localhost:4000/graphql',
  }), ....

 const values = Array.from(documents);
 const data = new FormData();

  for (let i = 0; i < values.length; i++) {
    data.append("documents", documents[i]);
  }
  data.set("didOrder", did);
  data.set("idOrder", idOrder);
  data.set("stepName", stepName);
  data.set("incidences", incidences);
  data.set("shippingPrice", shippingPrice);
  
  
  DeliverStep({ variables: { order: data } });

Where documents are my files
En el lado del servidor tengo definido mi scalar Upload en el schema y en el resolver Upload: GraphQLUpload . Además como uso Express he definido app.use(graphqlUploadExpress());

Can someone help me?

2

You said you get an error, but didn’t post it. If you can supply the error, that would be helpful to diagnose the issue. I do this exact same thing in my application without any issue.

3

Well I don’t receive any error. I don’t receive any information at server side. The args field is empty.