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
2 answers
Is it impossible to use react dev tools in a Chrome extension dev tools?
This makes the workflow a lot harder. Is there a way to use react dev tools?
I also notice constantly that the extension dev tools take some time to load, like 1 to 2s, and because of that, it misses network requests... is there a way to speed it…
Wagner Moreira
- 1,033
- 1
- 16
- 40
0
votes
1 answer
How can I view network requests (for debugging) in React Native on Windows?
I found a lot of answers on this topic
example but they were all about Mac Os, I would like to view my network requests in React Native to help me debug Windows. How can i do this?
Yefimchuk
- 67
- 2
- 6
0
votes
1 answer
Here, I am trying to login using firebase auth, but getting 400 error. I am giving exact email & password but it's showing below error
FirebaseError: Firebase: Error (auth/invalid-email).
at createErrorInternal (assert.ts:122:1)
at _fail (assert.ts:65:1)
at _performFetchWithErrorHandling (index.ts:171:1)
at async _performSignInRequest (index.ts:189:1)
at async _signInWithCredential…
tuHin__
- 3
- 2
0
votes
1 answer
What's wrong in my index.js file that raise me this error react-dom.development.js?
when I check the console I get :
react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more:…
Zokulko
- 211
- 4
- 25
0
votes
0 answers
Chrome DevTools React Profiler timings vs. reality
In the React Profiler in Chrome DevTools the timings for the app re-rendering are as follows:
That means 210ms to re-render the whole app. In reality it takes around 2 seconds which is a lot more then profiler shows. The same situation regarding…
koubin
- 579
- 5
- 9
- 30
0
votes
2 answers
Trying to work with the mapping function and it keeps gives me this error?
TypeError: Cannot read properties of undefined (reading 'map')
11: https://i.stack.imgur.com/jObmG.png
Arthur Hauya
- 3
- 1
0
votes
1 answer
Props Changed cause component re-Render
I have component which receive some props,
I've realized the component renders at unwanted times and cases
So I checked each props explicitly with simple UseEffect hook to find if props are really changed and causes the re-Render.
Indeed, some props…
Eylon Shmilovich
- 354
- 1
- 4
- 11
0
votes
1 answer
Which file the component is stored in
I just landed a new gig with a client with no technical background. They bought a website a while ago and now they want to make changes to it.
The problem is the codebase is bloated with redundant files and I can't seem to reach the exact components…
Mahmoud Ali
- 116
- 2
- 2
- 10
0
votes
1 answer
No Component Names in React Native Web Debugging
When trying to debug React Native within the web browser, I am unable to see any Component names. Whether via standard browser DevTools or the React (Component) browser extension, I do not see any reference to the Component names or even the…
Nick Peterson
- 51
- 2
0
votes
1 answer
Is it possible to add custom markers to the Chrome React Profiler?
Using Chrome's "Performance" tab, I can add custom markers using console.time. With the React Devtool's "Profiler" tab, is it possible to show custom markers to help debug what's trigger each update?
There's an option labeled "Show inline warnings…
Leo Jiang
- 24,497
- 49
- 154
- 284
0
votes
0 answers
What does the italic "f" in a React props method using React Dev Tools mean?
What does the "f" mean? I'm having trouble using the method in other components and I'm assuming this f means something important?
Carrie
- 33
- 4
0
votes
1 answer
What is the form of axios returned data through DevTools?
I am learning about Hooks, React Context, and other things, but I feel that I don't understand how DevTools work. My axios call returns some data which updates the state. I can see the state change and my console.log displays the information.
This…
Reggie
- 63
- 2
- 9
0
votes
1 answer
Textarea issue in reactJS : A component is changing a controlled input of type undefined to be uncontrolled
My code is as below -
Home.js
import React from 'react'
import AddNewTask from './../components/addNewTask'
class Home extends React.Component{
constructor(props){
super(props)
this.state = {
addNewTask:{
…
ameya
- 201
- 2
- 16
0
votes
1 answer
how to render nested component together in reactjs using hooks
i am trying to add and edit records through same form. It is working normal but on editing when i refresh the page, input value get wiped.
As i have noticed, Component is rendering before it stores the value and useState is running at once,
please…
Shailendra Kumar
- 11
- 3
0
votes
1 answer
React chrome developer tools component selector?
Is there a way to select a component in react developer tools chrome extension and have further operations on it in the console of chrome? I only found the DOM selector which navigates to the elements tab of chrome developer tools.
Just like there…
was_777
- 599
- 1
- 9
- 28