Stack Overflow
Stack Overflow

Questions tagged [react-devtools]

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).

220 questions
1
vote
1 answer

Can you use React Developer Tools on a Tauri app that uses React JS?

I've been using React JS for a while now, and one of the most helpful things you can get for it is this extension: https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en. It can debug the state of…
James Gaunt
  • 119
  • 1
  • 14
1
vote
0 answers

Is performance debugging in React Native using React Dev Tools Profiler valid since it requires DEV mode === true?

In the React Native profiling docs it says: make sure that Development Mode is OFF! JavaScript thread performance suffers greatly when running in dev mode. This is unavoidable: a lot more work needs to be done at runtime to provide you with good…
Mr. Robot
  • 1,334
  • 6
  • 27
  • 79
1
vote
2 answers

React Dev Tools | Cannot Update State At All | Chrome Firefox Edge

Here are the instructions of downloading React Dev Toools: https://reactjs.org/blog/2015/09/02/new-react-developer-tools.html#installation I have installed it in all 3 browsers but it just does not seem to work. I cannot update the value of any of…
Shameel Uddin
  • 511
  • 2
  • 10
1
vote
0 answers

React dev tools profiler saying I'm on an old version

I am looking to optimise my React app and would like to use the profiler within the react dev tools Chrome extension. I tried to use it and saw that it says: which made sense as I was still on an older version of React at the time (16.1.4 I…
physicsboy
  • 5,656
  • 17
  • 70
  • 119
1
vote
0 answers

Unable to connect react-native debugger in Ubuntu(22.04)

I am trying to install react native debugger(version 0.12.1) in ubuntu. The error message was as displayed in this screenshot on first launch. However, even after installing react-devtools ^4.22.0 globally , it continues to display the same error…
Kanhaiya
  • 359
  • 2
  • 11
1
vote
0 answers

trying to disable react_devtools_backend.js in Nextjs

recently I've added the react devtools backend extension which I noticed is causing 2 additional component renders (I'm using Nextjs framework) which isn't so much of a problem in development however when published this would really hit the websites…
Daniel_Kamel
  • 610
  • 8
  • 29
1
vote
1 answer

React Native Debugger uses wrong version of react-devtools

Trying to debug apps with React Native Debugger. Shows "Unsupported DevTools backend version". How I got here I created a new app using expo init (expo-cli@5.2.0) with TypeScript blank template. Started app with expo ios, opened 'Debug Remote JS' I…
ED Web
  • 25
  • 4
1
vote
1 answer

Can I use CSS/style devtools for a React Native app?

I'm running a React Native app in the iPhone simulator on macOS and I've been able to get standalone react-devtools to work but I haven't found a way to get browser devtools style/CSS editing to work. It seems this app only provides access to the…
Brady Dowling
  • 4,920
  • 3
  • 32
  • 62
1
vote
1 answer

Is there any way to detect individual elements rendering in React Component properly? (Not Components rendering)

I know that we can detect Components rendering through React's Developer Tool, I have also read other ways in this question. but this is not what I need. I'm looking for way to detect individual elements rendering in Component, for example when we…
Nicolas Smith
  • 23
  • 4
1
vote
1 answer

HtmlWebpackPlugin throwing TypeError: Cannot read property 'hash' of undefined after updating to Webpack5

I'm updating the libraries in our web app to the latest thus pushing Webpack up to Webpack5. When adjusting the parameters for 'webpack.config.dev.js' I keep running into the following error during…
Jacob Dallas
  • 47
  • 1
  • 8
1
vote
0 answers

Violation: 'submit' handler took 1515ms

I am building a registration form using react and got this warning. I am not getting from where and why this error is coming. Because of this warning, I am unable to see my form data in the console.
Muskan Tripathi
  • 23
  • 3
1
vote
0 answers

React Native : using expo-av does not show Video but when I use the Inspector and select Touchables I can see the elements

I have created an app using npx react-native init AwesomeProject command and I have used the expo-av npm package with Video in the Background (occupying the entire screen) and some Images which can be clicked using Touchable Opacity. I am trying on…
j10
  • 2,009
  • 3
  • 27
  • 44
1
vote
1 answer

React DevTools: How to append component filters programmatically?

I use React DevTools Chrome Extension. I want to append component filters from a react app code. Is there a way to do this? In common I want to share default application DevTools settings across the app developers.
dizel3d
  • 3,619
  • 1
  • 22
  • 35
1
vote
0 answers

How can I set a date with Chrome's React Developer Tools extension?

I would like to do some deep debugging on my Provider component using React Developer tools' (version 4.13.2) Components tab. The Provider in question would look something like the following: export const MyContext = createContext({}); export const…
theJuls
  • 6,788
  • 14
  • 73
  • 160
1
vote
2 answers

Rect DevTools Error in React Native: Could not inspect element with id

Hi I am trying to debug my expo react native app with react devtools. The problem is that I could not inspect any component in my app as it shows this error: I am using ios emulator. Hope you guys could help me out.
jmsandiegoo
  • 413
  • 4
  • 14
1 2 3
…
14 15