Client Component
This component has
"use client" — it hydrates in the browser with full interactivity.Counter (useState + onClick)
0
Hydrated?No (SSR)
User Agent...
Window...
Recent clicksnone
Why Client Component?
- ‣You need
useState,useEffect, o event handlers - ‣Access to browser APIs (
window,navigator) - ‣Real-time interactivity without reloads
- ‣This component's JavaScript is sent to the browser
- ‣It hydrates on top of server pre-rendered HTML