# React’s browser() API: rendering components only in the browser

Canonical source : [React’s browser() API: rendering components only in the browser](<https://sebastien.rigaux.be/en/tech-watch/links/react-browser-api-rendering-components-only-in-the-browser>)

React Canary introduces the `browser()` API to render a component exclusively in the browser, avoiding hydration mismatches and extra mounted-state logic. The article demonstrates how to use `use(browser())` inside a client component, wrapped in Suspense, to defer rendering until browser APIs are available. Several concrete examples show how this approach enables access to `localStorage`, the DOM, or user-specific data, without the usual workarounds like `useEffect` or environment checks.

- Selected on : 2026-10-15

- Resource publication : 2026-09-03

- Entry updated : 2026-11-07T20:32:37+0000

- Format : Article

- Source language : EN

- Credit : Aurora Scharff

Original resource : [React’s browser() API: rendering components only in the browser](<https://certificates.dev/blog/reacts-new-browser-api-rendering-components-only-in-the-browser>)

Tags : [React](<https://sebastien.rigaux.be/en/tech-watch/tags/react>) · [SSR](<https://sebastien.rigaux.be/en/tech-watch/tags/ssr>) · [Hydration](<https://sebastien.rigaux.be/en/tech-watch/tags/hydration>)

Available versions : [Français](<https://sebastien.rigaux.be/veille/liens/react-api-browser-pour-rendre-un-composant-uniquement-cote-navigateur>) · [English](<https://sebastien.rigaux.be/en/tech-watch/links/react-browser-api-rendering-components-only-in-the-browser>)

[Back to tech watch](<https://sebastien.rigaux.be/en/tech-watch>)