Utilities

Id Provider

Wraps your app to provide stable ids internally.

Features

    Enables stable ids in server rendered environments.

Installation

Install the component from your command line.

npm install @radix-ui/react-id

Anatomy

Import the component.

import { IdProvider } from '@radix-ui/react-id';
export default () => <IdProvider />;

API Reference

IdProvider

When server rendering your app, you need to wrap it with the IdProvider component to ensure stable ids between server and client. You can learn more about this in our server side rendering guide.