marmelab/react-admin

UseWatch with an input field that has a default value returns undefined when the input field is not changed

Open

#9 419 ouverte le 3 nov. 2023

Voir sur GitHub
 (5 commentaires) (0 réactions) (0 assignés)TypeScript (5 138 forks)batch import
help wanted

Métriques du dépôt

Stars
 (23 863 stars)
Métriques de merge PR
 (Merge moyen 1j 13h) (18 PRs mergées en 30 j)

Description

What you were expecting: I would expect that useWatch returns the default value of the field.

What happened instead: useWatch returns undefined, untill I change the watched field.

Steps to reproduce:

create a form with an input that has a default value, then have another component use useWatch on that input field, the resulting value is undefined untill you change the input.

Related code: I created a WatchBug component in the PostCreate file. It watches the Published at input. you see that initally the value returned is undefined. https://stackblitz.com/edit/github-mjvobu?file=src%2Fposts%2FPostCreate.tsx

Environment

  • React-admin version: 4.15.2
  • Last version that did not exhibit the issue (if applicable): 4.8.4 does not show the bug, I did not try other versions inbetween.

Working version on 4.8.4 https://stackblitz.com/edit/github-ladv9x?file=src%2Fposts%2FPostCreate.tsx

Guide contributeur

Direction de recherche
Inspectez l'implémentation du hook useWatch dans react admin, en particulier comment il initialise les valeurs à partir des valeurs par défaut du formulaire. Comparez les versions 4.8.4 et 4.15.2 pour identifier le changement qui a provoqué la régression. Concentrez vous sur la logique qui récupère la valeur initiale avant toute interaction utilisateur.
Stack technique
typescriptreact
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
ReactTypeScript
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75