Tengo lenguaje componente para traducciones.
const Language = (props: IOwnProps) => { // error is in next line for useSelector const language = useSelector( (state: IState) => state.currentLang ); return getTranslations( props.languageString ); };en forma tengo validación usando formik
const validationSchema = () => { const requiredFirstName = Language({ languageString: firstNameRequired, }); return yup.object({ firstName: yup .string() .required(requiredFirstName) }); };aquí está el componente de formulario
const UserForm = ({ userData: userData setErrorIndex, }: UserFormProps) => { const formik = useFormik({ initialValues: { userData: userData.firstName, }, validationSchema, onSubmit: (values) => { const playerDataLocal = { firstName: values.firstName, }; handleSubmit(playerDataLocal); }, }); return ( <form onSubmit={formik.handleSubmit}> <TextField id="firstName" name="firstName" label="First Name *" defaultValue={formik.values.firstName} onChange={formik.handleChange} error={formik.touched.firstName && Boolean(formik.errors.firstName)} helperText={formik.touched.firstName && formik.errors.firstName} fullWidth /> </form> ); }; export default UserForm;en la línea de esquema de validación con Idioma da un error: Llamada de enlace no válida. Los ganchos solo se pueden llamar dentro del cuerpo de un componente de función.
Call of Language es de validationSchema , que es un componente funcional. La pila de llamadas de error está en la línea de useSelector from Language llamada de validationSchema está dentro de 'useFormik'. ¿Puede ser este el problema? ¿algunas ideas?
Es porque el esquema de validationSchema no es un componente de React. Solo puede usar ganchos dentro de un componente funcional u otro gancho y, dado que el esquema de validationSchema devuelve algo que no es JSX u otro componente, no se clasifica como ninguno (consulte los documentos de React para las reglas de gancho ).
Probablemente querrá mover su gancho de llamada dentro de UserForm y luego pasar el resultado a validationSchema como un argumento.