QA NoteTutorial
Scenario List
01API 500 Error
BeginnerTeam Invite Form
02CSS Overflow
BeginnerE-commerce Product Card
03Unhandled Promise
IntermediateDashboard Analytics Chart
04Network Timeout
IntermediateIssue List Search
05Missing Validation
BeginnerProfile Settings Form
06Infinite Re-render
AdvancedReal-time Notification Panel
07CORS Error
IntermediateCheckout Address Autocomplete
08z-index Conflict
IntermediateDatePicker in Modal
09CLS Layout Shift
AdvancedNews Article
10Accessibility Violation
AdvancedMulti-step Sign Up
06Infinite Re-render — Notification Settings
6/10
1

Turn on the "Notification Settings" toggle

Activate notification receiving.

Watch the counter spike

Check the error message

Capture with the extension

Captured Data
  • • JS Errors: Too many re-renders — React limits re-renders
  • • Performance: consecutive long tasks detected
  • • React Tree: NotificationSettings re-render count
  • • Console: repeated error-level logs
N
NotifyHub

Notification Settings

Manage how you receive notifications.

Receive Notifications

Disabled

Email Notifications

Receive important updates via email

Push Notifications

Receive browser push notifications

Chat Notifications

Receive new message notifications

PreviousNext Scenario