Error: cannot clone body after it is used about remix-forms HOT 4 CLOSED

import { ActionFunction, json } from "@remix-run/server-runtime"
import { InputError, makeDomainFunction } from "remix-domains"
import { Form, formAction } from "remix-forms"
import { z } from "zod"

const emailSchema = z.object({
  type: z.string().nonempty(),
  email: z.string().nonempty().email(),
})

const takenEmails = ["[email protected]", "[email protected]"]

const emailMutation = makeDomainFunction(emailSchema)(async (values) => {
  if (takenEmails.includes(values.email)) {
    throw new InputError("Email already taken", "email")
  }

  return values
})

const passwordSchema = z.object({
  type: z.string().nonempty(),
  password: z.string().nonempty(),
  confirmPassword: z.string().nonempty(),
})

const passwordMutation = makeDomainFunction(passwordSchema)(async (values) => {
  if (values.password !== values.confirmPassword) {
    throw new InputError("Password does not match", "confirmPassword")
  }

  return values
})

export const action: ActionFunction = async ({ request }) => {
  const formData = await request.formData()
  let type = formData.get("type")

  switch (type) {
    case "CHANGE_EMAIL":
      return formAction({
        request,
        schema: passwordSchema,
        mutation: passwordMutation,
      })
    case "CHANGE_PASSWORD":
      return formAction({
        request,
        schema: emailSchema,
        mutation: emailMutation,
      })
    default:
      return json("type missing", 400)
  }
}

export default () => (
  <div>
    <Form schema={emailSchema} hiddenFields={["type"]} values={{ type: "CHANGE_EMAIL" }} />
    <Form schema={passwordSchema} hiddenFields={["type"]} values={{ type: "CHANGE_PASSWORD" }} />
  </div>
)