Sending files from React to an Apollo api

handleFileForm.js

import { useMutation } from '@apollo/client';
import SOME_MUTATION from 'path/to/your/mutation.graphql';

export default function SomeForm() {
  const [mutate] = useMutation(SOME_MUTATION);

  const handleChange = ({
    target: {
      validity,
      files: [file],
    },
  }) => validity && mutate({ variables: { file } });

  return (<input type="file" onChange={handleChange} />);
};