Preserve Console Logs in Browser using DevTools 🧠

Ever lost your console.log() messages after a page reload or redirect?
That’s because Chrome clears the console on every navigation by default.

Here’s how to preserve logs - super handy when debugging redirects in React, Next.js, or any front-end app 👇

useEffect(() => {
  console.log("User data before redirect:", userData);

  if (!userData) router.push("/login");
}, [userData]);

Normally, after router.push("/login"), the new page loads and your log disappears.
But we can fix that!

*How to Preserve Logs ✅ *

1. Open DevTools → Console tab
2. Check ✅ “Preserve log” (top-right of the console)
3. Reload your page - your logs will now stay visible even after navigation 🚀

When It Helps 💡

• Debugging redirects or auth flows
• Tracking OAuth callbacks
• Seeing state before reload

That’s it! Now your logs survive page reloads - simple but powerful. 🔥