web-dev-qa-db-fra.com

Formik et Yup: TypeError: Impossible de lire la propriété 'objet' d'undefined

Je suis nouveau sur React et j'essayais formik avec yup pour la validation. J'obtiens actuellement l'erreur ci-dessous:

TypeError: Impossible de lire la propriété 'objet' de non défini

avec ce code:

validationSchema: Yup.object().shape({
  firstName: Yup.string().required()
}),

J'utilise toutes les dernières versions de formik, react et yup. Les versions sont

"yup": "^ 0.25.1" "formik": "^ 0.11.11", "react": "^ 16.4.0", "react-dom": "^ 16.4.0",

Quelqu'un pourrait-il m'aider à résoudre ce problème?

Il est répliqué ici https://codesandbox.io/s/lrowpj8pq7

Merci!

reactjsformikyup
12
Shawn

La bonne réponse n'est pas de rétrograder, mais de changer la façon dont vous l'importez.

Essayez import * as Yup from 'yup' au lieu de import Yup from 'yup'.

// wrong
import Yup from 'yup';

// correct
import * as Yup from 'yup';

Voici votre exemple de travail: https://codesandbox.io/s/xlnw2x0kk4 .

100
Panos Bechlivanos