Radix homepage

Id Provider

Wraps your app to provide stable ids internally.


  • Enables stable ids in server rendered environments.

Install the component from your command line.

npm install @radix-ui/react-id

Import the component.

import { IdProvider } from '@radix-ui/react-id';
export default () => <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.