Staged Uploads Create Error

[joeydrake]

Hello,

I am having an issue with my app and am not sure where I am making a mistake. 

When creating a staged upload I receive the following error:

Error: GraphQL error: Variable $input of type [StagedUploadInput!]! was provided invalid value for 0.resource (Expected "BULK_MUTATION_VARIABLES" to be one of: TIMELINE, PRODUCT_IMAGE, COLLECTION_IMAGE, SHOP_IMAGE, IMAGE, MODEL_3D, VIDEO)

My mutation looks as follows:

const STAGED_UPLOADS_CREATE = gql`
  mutation stagedUploadsCreate($input: [StagedUploadInput!]!) {
    stagedUploadsCreate(input: $input) {
      stagedTargets {
        resourceUrl
        url
        parameters {
          name
          value
        }
      }
      userErrors {
        field
        message
      }
    }
  }
`;

and I call the mutation as follows:

const [stagedUploadsCreate] = useMutation(STAGED_UPLOADS_CREATE);

  const handleSubmit = async () => {
    let { data } = await stagedUploadsCreate({
      variables: {
        input: [
          {
            resource: "BULK_MUTATION_VARIABLES",
            filename: file.name,
            mimeType: file.type,
            httpMethod: "POST",
          },
        ],
      },
    });

It looks like the staged upload is expecting an image, but I would like to upload a jsonl for a bulk mutation of product create.

If anyone had any pointers that would be greatly appreciated!

I used the Shopify CLI to build the frameworks of the node app. (Version 2.5.0)

[genevievem]

Please look at "how bulk importing data works" in the Shopify API docs. Everything is explained in detail. The error is due to the value you assign to mimeType. The docs says:

mimeType: The media type of the file to upload. To use bulkOperationRunMutation, the mimeType must be "text/jsonl".

In your code, you're passing file.type.

Bonus: since this is a bulk operation, you can define a general name to represent the entire operation, such as "bulk_op_products". You don't need to use file.name.