issue: Warning: Cannot update a component (`DevTool`) while rendering a different component.

Open
#208 13 comments 21 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

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

Research direction

Start with the linked CodeSandbox and its App.tsx component, reproduce the console warning on version 7.51.3, and compare it with 7.51.0 and 7.51.1. Trace the reported DevTool update during rendering and verify that the warning is absent in the affected version when the issue is resolved.

Written by the indexing model from the issue text.

Description

Version Number

7.51.3

Codesandbox/Expo snack

https://codesandbox.io/p/sandbox/nervous-nova-mjw92s?file=%2Fsrc%2FApp.tsx

Steps to reproduce
  1. Go to Sandbox
  2. See console
Expected behaviour

This warning is not present on 7.51.0 but is in 7.51.1 and current.

There should not be any warning.

uh1Tz87m7M

What browsers are you seeing the problem on?

Chrome

Relevant log output
Warning: Cannot update a component (`DevTool`) while rendering a different component (`Unknown`). To locate the bad setState() call inside `Unknown`, follow the stack trace as described in https://fb.me/setstate-in-render
    in Unknown (at App.tsx:47)
    in form (at App.tsx:40)
    in div (at App.tsx:34)
    in App (at src/index.tsx:7)
Code of Conduct
  • I agree to follow this project's Code of Conduct
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.