<Formik
    initialValues={{ firstName: '', email: '', message: '' }}
    initialStatus={{ errors: [], success: false }}
    onSubmit={(values, actions) => {
      setTimeout(() => {
        const url = `${process.env.GATSBY_API_URL}`
        const data = {
          type: 'mrkdwn',
          text: `Tech blogからのお問合せ \n 名前: ${values.name} \n メールアドレス${values.email} \n お問い合せ内容: ${values.message} \n `
        }
        const xml = new XMLHttpRequest()
        xml.open('POST', url, false)
        xml.setRequestHeader(
          'content-type',
          'application/x-www-form-urlencoded;charset=UTF-8'
        )
        xml.send(`payload=${JSON.stringify(data)}`)
        actions.setSubmitting(false)
      }, 700)
    }}
    validationSchema={Yup.object().shape({
      email: Yup.string()
        .email('正しいメールアドレスを入力してください')
        .required('メールアドレスは必須です。')
    })}
  >