dirtyFields will not update after reset when using devtools

Open
#121 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
35/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
react, typescript
Domain
devtools, frontend

Research direction

Start with the linked CodeSandbox reproduction at src/index.jsx and reproduce the sequence of typing, reset, and typing again. Inspect how the devtools observes form state; done means dirtyFields updates after reset while value continues to update, including the reported resetField and DevTools-removal cases.

Written by the indexing model from the issue text.

Description

bug
Codesandbox link

https://codesandbox.io/s/react-hook-form-v6-formstate-forked-4qlr7d?file=/src/index.jsx

Reproduce
  1. type some characters in input box
  2. click reset button
  3. type in input box
  4. after above, you can see dirtyFields will not update. In devtools plane, only value field still update
Addition
  1. if you delete characters which type in step3, the dirtyFields will work on normal
  2. if you use resetField button or remove Devtool, the dirtyFields will work on normal
Dominant language
TypeScript
Stars
670
Forks
55
No merged PRs in 30d

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from react-hook-form/devtools

All issues in react-hook-form/devtools

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.