
React 19 hydration mismatch: why "Text content does not match server-rendered HTML"
The three real causes of hydration errors in SSR React apps, how to read React's dev diff, and when suppressHydrationWarning is actually the right call.
6posts

The three real causes of hydration errors in SSR React apps, how to read React's dev diff, and when suppressHydrationWarning is actually the right call.

What this warning means, the two patterns that trigger it (derived state, callback refs), and how to move the update out of the render phase.

Why React throws 'Too many re-renders. React limits the number of renders...' and the two most common causes: setState in the render body and unstable effect dependencies.

Why JSX won't render an object directly, the three real-world cases that trigger it (Date, error objects, Map/Set), and how to fix each one.

React 19's new use() API overlaps with useContext but breaks the Rules of Hooks on purpose. Here's how they differ, with examples for context and promises.

Let's look at a few examples of how React 19's new useActionState and useFormStatus hooks work