• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

578
Views
React dev tools - Deactivate "break on warnings"

While developing with create-react-app, my browser enters debugger mode on warnings:

Paused in debugger

It breaks on the source code of react-dev-tools:

   // --- Welcome to debugging with React DevTools ---
   // This debugger statement means that you've enabled the "break on warnings" feature.
   // Use the browser's Call Stack panel to step out of this override function-
   // to where the original warning or error was logged.

How can I deactivate this behavior?

over 3 years ago · Santiago Trujillo
6 answers
Answer question

0

It's a known issue. A workaround is posted on GitHub: Bug: Unexpected debugger statement in DevTools (solved) #19308

over 3 years ago · Santiago Trujillo Report

0

Go to your ReactDev tools in the tab Debugging and disable "Break on Warning".

I think this new behavior started today with this new PR: https://github.com/facebook/react/pull/19048

over 3 years ago · Santiago Trujillo Report

0

Based on pull request DevTools: Make break-on-warn off by default #19309 it seems it's a bug.

The Break On Warnings box was unchecked for me and it still would break. Removing and readding the extension to force an update fixed it for me.

I don't know of another way to force Chrome to update an extension outside of its regular schedule.

over 3 years ago · Santiago Trujillo Report

0

Go to Chrome Devtools → in the Chrome console, go to Component → Click on Settings → unset Break on Warning. Do the same in Profiler → Settings → unset Break on warning.

@cadoman pointed check and then uncheck to make work for sure.

P.S: Image from https://github.com/facebook/react/issues/19308#issuecomment-656669792

Enter image description here

over 3 years ago · Santiago Trujillo Report

0

The issue is due to a recent release. A Workaround proposed by the React team is:

  • Go to Chrome Developer Tools
  • Click on the Components Tab (React Developer Tools Extension)
  • Click on the Settings icon (located next to the component search box)
  • Once modal opens select the Debugging tab
  • Finally, double click on the Break on Warnings checkbox (check and unchecked)

Make sure at last the Break on Warnings checkbox is unchecked.

Reference: Issue link

Enter image description here

over 3 years ago · Santiago Trujillo Report

0

Chrome has a "BlackBox script" feature which is useful in this case.

  1. Go to Chrome Developer tools -> source tab
  2. Select "react_developer_tools.js" from the left pane
  3. Right-click file and select "Blackbox script"

enter image description here

over 3 years ago · Santiago Trujillo Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error