fix(clerk-js): Initialize default role with form controls

[LauraBeatris]

Description

Fixes issue where "Send invitation" button is getting disabled even tho there's a default role loaded:

CleanShot.2024-10-03.at.17.33.17.mp4

The issue relies on the fact that we're overriding the field.value property when rendering it, instead of passing it to the form controls state:

CleanShot.2024-10-03.at.17.31.11.mp4

Checklist

• npm test runs as expected.
• npm run build runs as expected.
• (If applicable) JSDoc comments have been added or updated for any package exports
• (If applicable) Documentation has been updated

Type of change

• 🐛 Bug fix
• 🌟 New feature
• 🔨 Breaking change
• 📖 Refactoring / dependency upgrade / documentation
• other:

[changeset-bot]

🦋 Changeset detected

Latest commit: 6a0e07a

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

This PR includes changesets to release 3 packages

Name	Type
@clerk/clerk-js	Patch
@clerk/chrome-extension	Patch
@clerk/clerk-expo	Patch

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

[FranciscoMoretti]

Hi, thanks for fixing this! I see that @clerk/[email protected] was released with this update.

How does this reach @clerk/clerk-react?

[LauraBeatris]

Hi, thanks for fixing this! I see that @clerk/[email protected] was released with this update.

How does this reach @clerk/clerk-react?

Hi @FranciscoMoretti! We haven't deployed this change to our CDN workers yet, so this is not fully released. For further context, clerk-js is hot-loaded from a CDN in the browser, so it doesn't require a library update on your end.

[LauraBeatris]

@FranciscoMoretti It's deployed now, you will see the latest fix on your app!

[FranciscoMoretti]

@LauraBeatris thank you so much for the detailed explanation and update! 💯