React Developer Tools lets you inspect the React component hierarchy, including component props and state. It exists both as a browser extension (for Chrome and Firefox), and as a standalone app (works with other environments including Safari, IE, and React Native).
Questions tagged [react-devtools]
220 questions
0
votes
1 answer
How can I go to the source code of elements in React native?
I'm writing code using React native and compiling from android studio with emulator. I do cntrl+m on the emulator and say "show inspector" and click on the elements, but it doesn't say on which line the code is. I also used dev-tool. I couldn't find…
0
votes
0 answers
React Hook Form value not set for one of the fields
I am using React-Hook-Form to render multiple fields (via child components)
I also have defaultValues defined for all the fields
My Form is as below;
0
votes
0 answers
Why does the 'transferred' data value in DevTools Network tab shoot up when I open the website in a new tab?
According to my understanding, in the Network tab in DevTools, the 'transferred' value says the amount of downloads done by the webpage and the 'resources' value says total size of resources(downloaded + retrieved form cache) used by the webpage.
In…

Light Yagami
- 961
- 1
- 9
- 29
0
votes
0 answers
React Dev Tools with Error "Use Development Build"
I have a strange behaviour of React Dev Tools in Firefox. I started the days work on a project and also did some profiling -- after some time I got aware, that the React Dev Tools Icon next to the URL got red and the "Profiler" and "Components"-Tab…

tps
- 55
- 1
- 5
0
votes
0 answers
React eating lot's of chrome browser memory
I have an react application where there requirement is insert record in db (in the background performing some operation) the and then display on UI. Here we are using Ag-grid on UI.
For some reason, react application eating lot's of browser memory.…

Atul-Dawkhare
- 39
- 1
- 3
0
votes
1 answer
Why is using previous state to update state preferred over using current state in React?
I am trying to understand why using the previous state to update the state of an element in React is preferred over using the current state. I have seen this practice being used in various code examples and tutorials, but I couldn't find a…

Kalyan cs
- 1
- 1
0
votes
0 answers
How to run ReactDevtools in React Native
How can I run react-devtools in React Native? I have installed the package globally and when I run the command I get the standalone window and then nothing happens it says that on React Native i need to open the in-app developer menu to connect. The…

seven
- 1,183
- 14
- 33
0
votes
0 answers
React Developer Tools in fault
I have a problem with React Developer Tools. When I refresh the page of my react app in Google, there is a bug that causes the page to not reappear, it spins endlessly. If I disable the React Developer Tools extension, it works perfectly. Using…

calform
- 9
- 3
0
votes
0 answers
React Dev Tools Profiler is not Finishing Processing Data Step
I was attempting to use React's Dev Tools Extension to find performance bottlenecks in an application the company I work for is developing. I hit the 'Reload and Profile' button and changed the page of a table rendered on the page. I then hit the…

Shawn Peery
- 17
- 7
0
votes
0 answers
next.js debugging with vs code: unbound breakpoint - source maps expected in wrong folder?
I'm trying to set up the debugger for next.js on vs code. (I'm on windows, using the WSL and chrome).
The issue is that the breakpoints I try to set will be unbound. I guess this is due the source maps not connecting in some form?
I've set up the…

Gerrit Begher
- 363
- 2
- 14
0
votes
1 answer
Something has shimmed the React DevTools global hook (__REACT_DEVTOOLS_GLOBAL_HOOK__). Fast Refresh is not compatible with this shim
So I'm using Vite with React, and working fine until this morning. When I run npm run dev local server starts normally, and there is no error/warning in the console. However in the browser console, I see this warning,
Something has shimmed the React…

Saif71
- 487
- 1
- 5
- 14
0
votes
0 answers
React Developer Tools: Components are not opening
Error
How to resolve above issue?
I want to debug my application
0
votes
0 answers
ERROR TypeError: Cannot read property 'createElement' of undefined, js engine: hermes and WARN Could not find Fiber with id "26"
on debugging the react-native app using flipper,
throwing error related to
ERROR TypeError: Cannot read property 'createElement' of undefined, js engine: hermes
** WARN Could not find Fiber with id "26"
WARN Could not find Fiber with id…

RAHUL RAJ
- 91
- 4
0
votes
0 answers
Next.js after building and opening site, the app crash at AWS EC2
I successfully build next.js app, opened the app at public IP, and after a couple of seconds the app crashed with this stack trace. At the developing / localhost environment, everything works fine.
Could you please someone help me to understand how…

Guminator
- 1
- 1
- 2
0
votes
0 answers
Can i get file path of component in CRA dev mode?
I have component that giving link to component's declare file location.
When click…

MINJA KIM
- 876
- 1
- 8
- 22