はてなブックマーク

このページではReact Hook Form(RHF)とChakra UIでフォームを作成していた際に、RHF側とChakra UI側のバリデーションが両方効いてしまったので、自分がどうやって解決したのかを記しておきます。 該当コード <> <Heading as="h1" mt={1 / 10} fontSize="3xl"> CONTACT </Heading> <form onSubmit={handleSubmit(onSubmit)} style={{ paddingTop: "15%" }}> <Flex justify="center" textAlign="center"> <Box w="lg" p={4} borderRadius="md" shadow="md" bg="gray.50"> <Stack spacing={4}> <FormControl id="na