React Formik

import { Formik, Form, Field } from 'formik';

export default function UploadForm() {
  return (
    <Formik
      initialValues={{ name: '', resume: null }}
      onSubmit={async (values, { setStatus }) => {
        const formData = new FormData();
        formData.append('name', values.name);
        if (values.resume) formData.append('resume', values.resume);

        const response = await fetch('https://formbase.dev/s/YOUR_FORM_ID', {
          method: 'POST',
          body: formData,
          redirect: 'manual',
        });

        setStatus(response.status === 303 || response.ok ? 'Uploaded!' : 'Upload failed');
      }}
    >
      {({ isSubmitting, setFieldValue, status }) => (
        <Form encType="multipart/form-data">
          <Field name="name" placeholder="Name" />
          <input
            name="resume"
            type="file"
            onChange={(event) => {
              setFieldValue('resume', event.currentTarget.files?.[0] ?? null);
            }}
          />
          <button type="submit" disabled={isSubmitting}>
            {isSubmitting ? 'Uploading...' : 'Upload'}
          </button>
          {status && <p>{status}</p>}
        </Form>
      )}
    </Formik>
  );
}