Closed wobsoriano closed 2 weeks ago
Latest commit: 32032bc70c3dacce87608b17b430c09ef90257a9
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
Description
We have 3 ways of importing Astro/React Clerk components (docs WIP):
import { } from '@clerk/astro/components/{control|interactive|unstyled}'
- Fully Astro components.import { } from '@clerk/astro/client/react'
- React components. Needs theclient:load
directive when imported in an Astro component to be hydrated.import { } from '@clerk/astro/components/react
- Astro components that wrap option 2 with theclient:load
directive for convenience.Multiple import methods can confuse users. Some features, like the
asChild
prop for unstyled components, don't work when React components are used in Astro due to Astro's slot system and islands architecture. As a result, we're discontinuing option 3.Checklist
npm test
runs as expected.npm run build
runs as expected.Type of change