Why was useId introduced?

useId was introduced to solve challenges in generating unique IDs for accessibility attributes (e.g., htmlFor, aria-labelledby) in React applications, especially in these scenarios:

1. Server-side Rendering (SSR): Ensures IDs remain stable between server and client rendering to avoid mismatches.
2. Avoiding Collisions: Prevents ID collisions when multiple components are rendered.