# React : l’API browser() pour rendre un composant uniquement côté navigateur

Source canonique : [React : l’API browser() pour rendre un composant uniquement côté navigateur](<https://sebastien.rigaux.be/veille/liens/react-api-browser-pour-rendre-un-composant-uniquement-cote-navigateur>)

React Canary introduit l’API `browser()` pour rendre un composant exclusivement dans le navigateur, sans risque de mismatch à l’hydratation ni effet de montage supplémentaire. L’article montre comment placer `use(browser())` dans un composant client, entouré d’une Suspense, pour différer son rendu jusqu’à ce que les APIs du navigateur soient disponibles. Plusieurs exemples concrets illustrent l’intérêt de cette approche pour accéder à `localStorage`, au DOM ou à des données spécifiques à l’utilisateur, tout en évitant les contournements habituels avec `useEffect` ou des vérifications de l’environnement.

- Sélectionné le : 2026-10-15

- Publication de la ressource : 2026-09-03

- Mise à jour de la fiche : 2026-11-07T20:32:37+0000

- Format : Article

- Langue de la source : EN

- Crédit : Aurora Scharff

Ressource originale : [React : l’API browser() pour rendre un composant uniquement côté navigateur](<https://certificates.dev/blog/reacts-new-browser-api-rendering-components-only-in-the-browser>)

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

Versions disponibles : [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>)

[Retour à la veille](<https://sebastien.rigaux.be/veille>)