Comment utiliser une forme de crochet réagissant avec des conceptions de fourmis ou des ui matériels

Question

J'essaie d'utiliser une bibliothèque de formulaire de crochet réagissant pour valider un formulaire. Lorsque je rendue la vue à l'aide de la conception des fourmis ou de l'interface utilisateur du matériel, elle ne fonctionne pas correctement.

<Input name="firstName" ref={register({ required: true })} />
  {errors.firstName && 'First name is required'}

Un peu d'avertissement s'est produit: "Missing name at.....".

Answer 1

J'ai eu 0 problèmes en utilisant le TextField inputRef Approche que certains autres ont mentionné.

<TextField
  inputRef={register}
  id="name"
  name="name"
/>

J'ai posté une version de travail complète ici: https://serconnolly.dev/react-hook-form-material-ui