🔍 StrictMode in React — Catch Problems Before They Happen

React.StrictMode is a development tool that helps identify potential problems in your React app. It does not affect production, only runs in development.

🎯 Why use StrictMode?
• Warns about unsafe lifecycle methods
• Detects unexpected side effects
• Highlights legacy code that may break in future versions
• Helps ensure best practices

🔧 How to enable:

import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App";

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
); 

📌 Key points:
• Only affects development mode
• May render components twice (to detect side effects)
• No impact on production performance
• Encouraged for new React projects

React.StrictMode is like a safety net — it won’t fix your code but will warn you about risky patterns early.