📜 Description
useEffect(() => {
// ... fetch code
const interval = setInterval(fetchEvents, 30000);
return () => clearInterval(interval);
}, [username]); // ❌ Missing dependency: fetchEvents
Issue: While cleanup function exists, fetchEvents is recreated on every render but not included in dependency array. This causes multiple intervals to be created if username doesn't change.
Impact: Memory leaks, multiple API calls, performance degradation over time.
Recommended Fix: Add fetchEvents to dependency array or move it outside useEffect.
What browsers are you seeing the problem on?
No response
📃 Relevant Screenshots (Links)
No response
📜 Description
useEffect(() => {
// ... fetch code
const interval = setInterval(fetchEvents, 30000);
return () => clearInterval(interval);
}, [username]); // ❌ Missing dependency: fetchEvents
Issue: While cleanup function exists, fetchEvents is recreated on every render but not included in dependency array. This causes multiple intervals to be created if username doesn't change.
Impact: Memory leaks, multiple API calls, performance degradation over time.
Recommended Fix: Add fetchEvents to dependency array or move it outside useEffect.
What browsers are you seeing the problem on?
No response
📃 Relevant Screenshots (Links)
No response