[DevTools Bug]: Blank tools localhost only
Problem
Website or app google.com Repro steps This started after last update 4.20.0 How often does this bug happen? Every time DevTools package (automated) _No response_ DevTools version (automated) _No response_ Error message (automated) _No response_ Error call stack (automated) _No response_ Error component stack (automated) _No response_ GitHub query string (automated) _No response_
Error Output
Error message (automated)
Unverified for your environment
Select your OS to check compatibility.
1 Fix
Solution: [DevTools Bug]: Blank tools localhost only
Does React Dev Tools load up elements when you navigate to ReactJS, Netflix or CNN? If not then, here is a refined step-by-step set of instructions for a workaround: - Open a new tab - Ensure Chrome Dev Tools is not open at all - Navigate to ReactJS (loads faster) - Open Chrome Dev Tools > React Dev Tools - The React elements should load up and display for ReactJS site (probably most important he
Trust Score
5 verifications
- 1
Does React Dev Tools load up elements when you navigate to ReactJS, Netflix or C
Does React Dev Tools load up elements when you navigate to ReactJS, Netflix or CNN? If not then, here is a refined step-by-step set of instructions for a workaround:
- 2
Open a new tab
- Ensure Chrome Dev Tools is not open at all - Navigate to ReactJS (loads faster) - Open Chrome Dev Tools > React Dev Tools - The React elements should load up and display for ReactJS site (probably most important here) - Click on any React element within React Dev Tools (preferably a React element that actually holds both props + state values, where that data would then be displayed to the right panel) - Now navigate to your localhost site
Validation
Resolved in facebook/react GitHub issue #22577. Community reactions: 10 upvotes.
Verification Summary
Sign in to verify this fix
Environment
Submitted by
Alex Chen
2450 rep