StrictMode Double-Render

Di mode pembangunan (development), React StrictMode sengaja menjalankan Effect dua kali (mount ➔ unmount ➔ mount) untuk mendeteksi bug cleanup.

👀 Contoh dulu

// Console log di useEffect muncul 2x di dev mode — ini normal!

Hasilnya: Konsol menampilkan log yang sama 2 kali saat komponen dimuat (hanya pada StrictMode dev mode).

💡 Double render ini tidak akan terjadi pada build production.

📝 Sekarang giliranmu

Buat sebuah variabel bernama devMode dan isi dengan string 'strict', ini mensimulasikan mode development di React.

Preview