🐛(mail-domains) fix zod resolver use in forms
References: https://github.com/react-hook-form/react-hook-form/issues/12816 https://github.com/react-hook-form/resolvers/issues/768
This commit is contained in:
@@ -1,4 +1,4 @@
|
|||||||
import { zodResolver } from '@hookform/resolvers/zod';
|
import { standardSchemaResolver } from '@hookform/resolvers/standard-schema';
|
||||||
import { Button, Loader, ModalSize } from '@openfun/cunningham-react';
|
import { Button, Loader, ModalSize } from '@openfun/cunningham-react';
|
||||||
import React, { useState } from 'react';
|
import React, { useState } from 'react';
|
||||||
import { Controller, FormProvider, useForm, useWatch } from 'react-hook-form';
|
import { Controller, FormProvider, useForm, useWatch } from 'react-hook-form';
|
||||||
@@ -27,14 +27,14 @@ export const ModalAddMailDomain = ({
|
|||||||
|
|
||||||
const addMailDomainValidationSchema = z.object({
|
const addMailDomainValidationSchema = z.object({
|
||||||
name: z.string().min(1, t('Example: saint-laurent.fr')),
|
name: z.string().min(1, t('Example: saint-laurent.fr')),
|
||||||
supportEmail: z.string().email(t('Please enter a valid email address')),
|
supportEmail: z.email(t('Please enter a valid email address')),
|
||||||
});
|
});
|
||||||
|
|
||||||
const methods = useForm<{ name: string; supportEmail: string }>({
|
const methods = useForm<{ name: string; supportEmail: string }>({
|
||||||
defaultValues: { name: '', supportEmail: '' },
|
defaultValues: { name: '', supportEmail: '' },
|
||||||
mode: 'onChange',
|
mode: 'onChange',
|
||||||
reValidateMode: 'onChange',
|
reValidateMode: 'onChange',
|
||||||
resolver: zodResolver(addMailDomainValidationSchema),
|
resolver: standardSchemaResolver(addMailDomainValidationSchema),
|
||||||
criteriaMode: 'all',
|
criteriaMode: 'all',
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import { zodResolver } from '@hookform/resolvers/zod';
|
import { standardSchemaResolver } from '@hookform/resolvers/standard-schema';
|
||||||
import {
|
import {
|
||||||
Button,
|
Button,
|
||||||
Loader,
|
Loader,
|
||||||
@@ -49,7 +49,7 @@ export const ModalCreateMailbox = ({
|
|||||||
});
|
});
|
||||||
|
|
||||||
const methods = useForm<CreateMailboxParams>({
|
const methods = useForm<CreateMailboxParams>({
|
||||||
resolver: zodResolver(createMailboxValidationSchema),
|
resolver: standardSchemaResolver(createMailboxValidationSchema),
|
||||||
defaultValues: {
|
defaultValues: {
|
||||||
first_name: '',
|
first_name: '',
|
||||||
last_name: '',
|
last_name: '',
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import { zodResolver } from '@hookform/resolvers/zod';
|
import { standardSchemaResolver } from '@hookform/resolvers/standard-schema';
|
||||||
import {
|
import {
|
||||||
Button,
|
Button,
|
||||||
Loader,
|
Loader,
|
||||||
@@ -53,7 +53,7 @@ export const ModalUpdateMailbox = ({
|
|||||||
});
|
});
|
||||||
|
|
||||||
const methods = useForm({
|
const methods = useForm({
|
||||||
resolver: zodResolver(updateMailboxValidationSchema),
|
resolver: standardSchemaResolver(updateMailboxValidationSchema),
|
||||||
defaultValues: {
|
defaultValues: {
|
||||||
first_name: mailbox?.first_name || '',
|
first_name: mailbox?.first_name || '',
|
||||||
last_name: mailbox?.last_name || '',
|
last_name: mailbox?.last_name || '',
|
||||||
|
|||||||
Reference in New Issue
Block a user