What is hydration in Next.js and what problems can occur during hydration?

Hydration is the process where React attaches event listeners and interactivity to server-rendered HTML on the client side. Hydration errors occur when the server-rendered content differs from what React renders in the browser. Common causes include browser-specific APIs, dynamic dates, random values, and inconsistent rendering logic. Proper separation of server and client logic helps prevent hydration issues.