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

How to change style in react-native dynamically?

As in react we can inspect element, see class applied to element and dynamically change css properties and can see in UI.Like wise do we have anything in react native?Tried react-devtools but tried to change css property value but that is not…
Pradnya Kulkarni
  • 116
  • 7
0
votes
1 answer

React - How can I let visitors use react dev tools but can not edit states and props

i've been working on a react app and i thought that the react dev tools is only available on the dev version of the app but i was surprised that I can use it on the production version, can even change routes and states and other stuff. And I don't…
Salah Eddine Makdour
  • 1,023
  • 1
  • 12
  • 24
0
votes
1 answer

How to inspect a React tree, see props and state of components in Internet Explorer 11?

I installed official React Developer Tools extension for Firefox and Chrome and successfully use them. But I cannot find any extension for Internet Explorer 11. My app doesn't correctly work with IE 11. Supporting of IE11 is mandatory for me. Is…
Dragon14
  • 317
  • 6
  • 18
0
votes
2 answers

Unable to install electron using npm and yarn for react devtool

I'm trying to install electron using both npm(npm install electron) and yarn but stuck into a bottleneck issue. PFB the error msg Error: self signed certificate in certificate chain at TLSSocket.onConnectSecure (_tls_wrap.js:1473:34) at…
Nikhil
  • 665
  • 2
  • 11
  • 25
0
votes
0 answers

React dev tools auto selecting parent component

Using version 4.3.0 of react dev tools the problem is consistent on chrome and firefox. I have a react admin component rendering child components of various buttons and track names, this is a playlist app. My problem is that when I try to inspect a…
Alexandre Babeanu
  • 189
  • 2
  • 11
0
votes
1 answer

Triggering animation via setState not working

I am calling a function when I hit a waypoint in my page. The function logs the state after calling setState, which shows that the state has been updated to {visible: true} however, in React Dev Tools, it shows that the state is still false. Because…
Casey
  • 444
  • 1
  • 7
  • 22
0
votes
0 answers

React Developer Tool wrong check latest version

My project is using Reactjs for FE. I updated latest version "16.12.0" and build successfully. But React Developer tool still show "This page is using an outdated version of React. " This is my package.json { "name": "isomorphic", "version":…
Davis Clack
  • 36
  • 3
0
votes
0 answers

Redux dev tools cannot update store state while dispatching action inside useEffect

I have a problem while using #react-hooks. When I dispatch an action with an onClick event, the "store state" is updated correctly. However, when I dispatch an action inside useEffect (It works like "componentDidMount"), state is not updated. I've…
HungDQ
  • 315
  • 1
  • 5
  • 15
0
votes
1 answer

React-Devtools discontinued or just moved? (React Native debugging)

I started with React Native today and I downloaded react-devtools from npm repo to debug Components hiearchy of React Native Expo app. It works fine, but it crashing sometimes. Thats why I tried to search for some new version or something and I…
Baterka
  • 3,075
  • 5
  • 31
  • 60
0
votes
1 answer

Input doesn't get updated after calling setState in React app in MS Edge

I created a React app. It works as expected in IE, Opera, Chrome, FF. I have problems with rendering one component in Edge after state update. I can't help myself with React Devtools for Chrome, because it all works there as it should. My component…
gtu
  • 707
  • 1
  • 10
  • 22
0
votes
1 answer

React Devtools 4 DOM updates highlights

Where is Highlight DOM updates in React Devtools 4.x ? Up until last week it was still there (was it the old React Devtools 3.x?), and now it is gone. Is it replaced by "Profiler" tab?
Lydon Ch
  • 8,637
  • 20
  • 79
  • 132
0
votes
1 answer

Failed prop type: Invalid prop `preferences[19].category` of value `MemberBenefitInterests` supplied to `SettingsPage`

I am working on a React-Redux microservice application that I am still becoming familiar with and immediately upon cloning it and booting it up in localhost environment, I see this error in the console: Warning: Failed prop type: Invalid prop…
Daniel
  • 14,004
  • 16
  • 96
  • 156
0
votes
1 answer

What is the deciding factor for react dev tools to say that a particular react version used in a website is outdated?

React Developer Tools shows a message that i'm using an outdated version of react. I'm using 0.14.2 which is very old. But updating react to the latest version will break a lot of code. I want to upgrade react to the version that is not considered…
UIDevAsh
  • 31
  • 4
0
votes
1 answer

React error overlay - show for one error then throw a different one for calling code to handle

I currently have a react app where there are some async functions dealing with redux actions. All these actions are wrapped in this Act function to ensure that any unexpected errors are logged and a more user friendly error is sent to the UI code…
Tadhg McDonald-Jensen
  • 20,699
  • 5
  • 35
  • 59
0
votes
0 answers

What does two numbers mean in react devtools flame chart

I use react-devtools standalone package for profiling my react native app. unlike what is shown in official devtools documentation, in my devtools there are two numbers on each bar in the flame chart. What does each of these two numbers mean?
Eddie Cooro
  • 1,676
  • 14
  • 18
1 2 3
…
14
15