Chrome debugger doesn't show variable values on mouse over

Question

I created a simple react app by using "npx create-react-app my-app --template typescript" command. When I start the app "npm start" it is running with no issues but I'm not able to see the values in the Chrome dev tools if I add a breakpoint in the code. Am I missing any dependency or this is the way it's supposed to work for the react app?

Mouse hovered on name variable but didn't popup

Answer 1

It was a bug in devtools in my case, I've fixed it by changing an unrelated setting:

1. open devtools, then its preferences

2. toggle Display variable values inline while debugging

   

3. close devtools

4. repeat 1-2 if necessary