pages/register.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

import {useState } from 'react'
import useUser from 'lib/useUser'
import submitForm from 'helpers/submitForm'
import {Layout, Form} from 'components'

const Register = () => {
  const { mutateUser } = useUser({
    redirectToVerify: true,
  })

  const [errorMsg, setErrorMsg] = useState('')
  const handleSubmit = e => submitForm(e, '/api/register', mutateUser, setErrorMsg)

  return (
    <Layout>
      <Form
        errorMessage={errorMsg}
        onSubmit={handleSubmit}
      />
    </Layout>
  )
}

export default Register