fix(react): Fix hydration mismatch for experimentalReactChildren

[kedarvartak]

Fixes hydration mismatch when using experimentalReactChildren option.

Problem

When experimentalReactChildren=true, children passed to React components had inconsistent prop handling between server and client:

• Server correctly mapped class to className and generated unique key props
• Client read DOM attributes directly without applying the same transformations

This caused React warnings and hydration errors:

• "Invalid DOM property 'class'. Did you mean 'className'?"
• "Each child in a list should have a unique 'key' prop."

Solution

Updated the client-side createReactElementFromDOMElement function in client.ts to:

• Map DOM attribute names to React prop names (class to className, for to htmlFor)
• Generate unique key props for each child element

Testing

Added unit tests for class-to-className mapping and key generation. All existing tests pass.

Closes #15102

[changeset-bot]

🦋 Changeset detected

Latest commit: a58f37c

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[matthewp]

Can you change this to go against next instead?

[kedarvartak]

@ematipico hi so sorry for the massive delay, i have updated the pr as per your change requests. thanks

[Princesseuh]

Thanks, this looks fine to me!

Changes have been applied