fix(hydration): use useId for dom variant

[baileys-li]

Summary

Next.js (and other SSR frameworks) frequently logs warnings about mismatched id attributes between the server and client.

To address this issue, the React team introduced the useId hook, specifically designed to prevent such mismatches.

Breaking Changes

Since useId was introduced in React 18, I updated the peer dependency to require React 18 or newer. Given that React 18 was released over two years ago, it seems reasonable for this library's new version to discontinue support for older React versions.

Checklist

• Are all the test cases passing? (only for web version, native test failing even in master, and I change nothing for native)
• If any new feature has been added, then are the test cases updated/added? (no new features)
• Has the documentation been updated for the proposed change, if required? (not required)

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview

[baileys-li]

@danilowoz