Ionic contact form

import { useState } from 'react';
import {
  IonButton, IonInput, IonItem,
  IonLabel, IonTextarea, IonText,
} from '@ionic/react';

export default function ContactForm() {
  const [name, setName] = useState('');
  const [email, setEmail] = useState('');
  const [message, setMessage] = useState('');
  const [result, setResult] = useState('');

  async function handleSubmit() {
    setResult('Sending...');
    const res = await fetch(
      'https://api.formclick.io/submit',
      {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
          Accept: 'application/json',
        },
        body: JSON.stringify({
          access_key: 'YOUR_ACCESS_KEY_HERE',
          name, email, message,
        }),
      }
    );
    const data = await res.json();
    setResult(data.message);
  }

  return (
    <div>
      <IonItem>
        <IonLabel position="floating">Name</IonLabel>
        <IonInput
          onIonChange={e => setName(e.detail.value!)} />
      </IonItem>
      <IonItem>
        <IonLabel position="floating">Email</IonLabel>
        <IonInput type="email"
          onIonChange={e => setEmail(e.detail.value!)} />
      </IonItem>
      <IonItem>
        <IonLabel position="floating">Message</IonLabel>
        <IonTextarea
          onIonChange={e => setMessage(e.detail.value!)} />
      </IonItem>
      <IonButton expand="block" onClick={handleSubmit}>
        Submit
      </IonButton>
      {result && <IonText>{result}</IonText>}
    </div>
  );
}