React: Is there a way to use an existing Reactstrap contact form to subscribe to a Mailchimp Newsletter?

I have seen online that Mailchimp component packages exist that simplify this process, but I would like to reuse the state from the below form to also subscribe to a Mailchimp newsletter when a checkbox is ticked.

As you can see below, I am sending off the state stored in the object "state" to email js. I would like to have a checkbox underneath that when checked, reuses the state to subscribe to a Mailchimp newsletter through a URL.

export default function Contact() {

  const [name, setName] = useState("");
  const [email, setEmail] = useState("");
  const [enquiryType, setEnquiryType] = useState("General Enquiry");
  const [message, setMessage] = useState("");
  const [alert, setAlert] = useState(false);

  const state = {
    name,
    email,
    enquiryType,
    message,
  };

  const handleSubmit = (e) => {
    e.preventDefault();
    console.log(state);
    var service_id = "smtp_server";
    var template_id = "this_template";
    var user_id = "user_GoXzo0iR6wJ3KqB1148aq";
    emailjs.send(service_id, template_id, state, user_id);
    setAlert(true);
    setTimeout(() => setAlert(false), 2000);
  };

  return (
    <div className={styles.main}>
      <Head>
        <title>Subway Sauna | Contact Us</title>
        <Favicon />
      </Head>
      <Layout>
        <h1 className={styles.heading}>Drop us a message!</h1>
        <Form className={styles.form} onSubmit={handleSubmit}>
          <FormGroup className={styles.formGroup}>
            <Label for="name">Name</Label>
            <Input
              type="text"
              name="name"
              id="name"
              placeholder="Enter name"
              value={name}
              onChange={(e) => setName(e.target.value)}
              className={styles.formInput}
              required
            />
          </FormGroup>

          <FormGroup className={styles.formGroup}>
            <Label for="email">Email</Label>
            <Input
              type="email"
              name="email"
              id="email"
              placeholder="Enter email"
              value={email}
              onChange={(e) => setEmail(e.target.value)}
              className={styles.formInput}
              required
            />
          </FormGroup>

          <FormGroup>
            <Label for="enquiryType">Subject of Enquiry</Label>
            <Input
              type="select"
              name="enquiryType"
              id="enquiryType"
              value={enquiryType}
              onChange={(e) => setEnquiryType(e.target.value)}
              className={styles.formInput}
              required
            >
              <option value="General Enquiry" className={styles.formOption}>
                General Enquiry
              </option>
              <option value="Lost Item" className={styles.formOption}>
                Lost Item
              </option>
            </Input>
          </FormGroup>

          <FormGroup className={styles.formGroup}>
            <Label for="text">Message</Label>
            <Input
              type="textarea"
              name="message"
              id="text"
              rows="5"
              value={message}
              onChange={(e) => setMessage(e.target.value)}
              className={styles.formInput}
              required
            />
          </FormGroup>

          <div className={styles.buttonContainer}>
            <Button color="danger" type="submit">
              Submit
            </Button>
          </div>
        </Form>

        {alert && (
          <Alert color="success" style={{ textAlign: "center" }}>
            Sent!
          </Alert>
        )}

      </Layout>
    </div>
  );
}