Componenta StrictMode în React: Verificarea Riguroasă și Detectarea Efectelor Secundare în React & Next.js

<StrictMode> este o componentă nativă utilitară care nu randează niciun element vizual în DOM, ci activează verificări riguroase și avertismente timpurii pentru toți descendenții săi. Funcționează exclusiv în modul de dezvoltare (development) și este complet inactivă în producție.

Comportamentul cel mai faimos din React 18 și 19 este dubla invocare automată a corpului componentelor, a stărilor inițiale și a ciclurilor de viață useEffect (executând mount → unmount → remount). Acest test forțat verifică dacă funcțiile sunt pure și dacă efectele dispun de o curățare (cleanup) completă a ascultătorilor de evenimente și conexiunilor WebSocket.

import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
import App from './App';

const container = document.getElementById('root');
const root = createRoot(container);

root.render(
  <StrictMode>
    <App />
  </StrictMode>
);