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
6
votes
1 answer

Is it possible to write a script to inject props on a React component?

So this is a little crazy. There's a web app that I use that is built with React, which has made certain design decisions that I disagree with. Luckily, the design is actually simple to change exactly the way I want. I can just open the Chrome…
suddjian
  • 1,986
  • 2
  • 16
  • 25
6
votes
3 answers

React Profiler - Start profiling and reload page?

Using the React dev Tools and the Profiler, is there a way to start the profiler and reload the page? Similar to how the Chrome dev tools has the button to start profiling and reload the page. Currently if I start the profiler and refresh the page…
JP4
  • 1,008
  • 2
  • 15
  • 25
6
votes
1 answer

websocket.js causing unexpected refresh of React app

I have a React web application that allows Image uploads. After performing a fetch POST request for multiple images (in this case 6) to my API, the browser refreshes itself and reloads the current page. It is worth noting that this application…
Vince
  • 691
  • 1
  • 8
  • 18
6
votes
0 answers

monkey-patching react's render method in devtools extension

I'm trying to create a monkey patch to React's render method from a devtool extension because I'm trying to recreate something similar to react_devtool's api for a feature in my extension. I'm spoofing the inspected window's virtual DOM with these…
Grant
  • 121
  • 5
5
votes
3 answers

React Native Debugger "Unsupported DevTools backend version"

When I try to debug my app with React Native Debugger I got that error: " error from react native debugger then I do that instruction. install react devtool, and nothin happen. I think, maybe, I have some error when installing the package, so I run…
Antikiok
  • 51
  • 1
  • 2
5
votes
1 answer

(React Developer Tools) No results in the search bar

I'm trying to find out the number of messages in a chat, and every guide I've looked up says I need to type MessengerDetailView into the search bar, but I don't get any results. Is it because I'm on Mac?
Larchcone
  • 61
  • 1
5
votes
2 answers

React dev tools shows components as (minified)

Anyone have any clue why my react component dev tools looks like this? Prior to the most recent react dev tools major update, I could see the names of all my components, but now it just looks like this. Dev Tools View The component names are all…
Youri W.
  • 51
  • 2
5
votes
2 answers

React - useEffect running even when there was no change in state variable

I have an endpoint in my kotlin app that looks like this: either.eager { val sessionAndCookieUser = commonAuth.decryptCookieGetUser(getCookie(context), ::userTransform).bind() val user =…
Leff
  • 1,968
  • 24
  • 97
  • 201
5
votes
1 answer

Devtools failed to connect to react native emulator

I execute the project with react-native run-android and in another terminal, i do: npm run react-devtools and it opens the new window of electron that says: The react native app it will open in a few seconds... but nothing happens. I put in the…
Mahmonir Bakhtiyari
  • 546
  • 1
  • 8
  • 21
5
votes
1 answer

firefox csp issue with installGlobalHook(window)

Curious (and hard to diagnose) issue. I've added a CSP to my site, and it is working just fine, with 1 error which seems to only appear on Firefox (guessing it is a Mozilla CSP implementation anomaly). I'm not really sure, however, how to even…
Chris_Alexander
  • 415
  • 6
  • 12
4
votes
1 answer

react-devtools : TimeoutError: Timed out while inspecting element 2

An occasional problem, and has not been repeated. Has anyone experienced the same problem?
2o47
  • 51
  • 4
4
votes
1 answer

How to add react-devtools for chrome extension development?

I am inserting a react component into a web page - Everything seems to work well but im not able to get the react dev tools working. After reading online it seems like this could be caused by: React devtools injects a script and it doesn't have the…
Sid
  • 846
  • 3
  • 12
  • 25
4
votes
0 answers

How can i highlight update when components render on react native?

I have to optimise a react native app and i don't find a way to see the render's update. When i open the browser console on react native debugger i can't see the "Profiler" or "Components" of React DevTools that allows me to use that highlight…
Sinane
  • 1,614
  • 2
  • 12
  • 17
4
votes
0 answers

React and Material UI - How to work backward to find layout, sizing, and container info

I'm relatively new to React and Material UI. I haven't done front end development in years, and I'm tinkering. I'm really struggling to figure out how to work backward to find what I'm looking for in the source code to identify formatting issues,…
mateoc15
  • 509
  • 5
  • 18
4
votes
1 answer

react-native-debugger disconnecting and showing error when In-App Developer Menu is opened

I have recently upgraded my react native to the latest version 0.62.1 and also downloaded the required react-native-debugger app (standalone app version 0.11.1 ) as specified in the react-native-debugger doc. Now when i enable remote js debugging…
Puru
  • 41
  • 1
  • 3
1 2
3
…
14 15