develop

Id provider

Wraps your app to provide stable ids internally.

Wanda's components use auto-generated IDs to handle accessibility-related attributes. While this works well for static websites (SSG), if you are doing server-side rendering you need to wrap your application with this provider in order to keep consistency between IDs generated on the server and the client.

Anatomy

import { IdProvider } from "@wonderflow/react-components";

export default () => (
  <IdProvider>
    <App />
  </IdProvider>
);

tsx