chore(astro): Drop convenience Astro wrappers for React

.changeset/quiet-ways-warn.md

@@ -0,0 +1,5 @@
+---
+"@clerk/astro": patch
+---
+
+Drop convenience Astro wrappers for React components

integration/templates/astro-node/src/pages/index.astro

@@ -3,7 +3,7 @@ import Layout from "../layouts/Layout.astro";
 import Card from "../components/Card.astro";
 import SignOutButton from "../lib/astro-components/SignOutButton.astro";
 
-import { SignedIn, SignedOut } from "@clerk/astro/components/react";
+import { SignedIn, SignedOut } from "@clerk/astro/client/react";
 import { OrganizationSwitcher } from "@clerk/astro/components/interactive";
 ---
 
@@ -30,7 +30,7 @@ import { OrganizationSwitcher } from "@clerk/astro/components/interactive";
     <strong>Code Challenge:</strong> Tweak the "Welcome to Astro" message above.
   </p>
   <ul role="list" class="link-card-grid">
-    <SignedOut>
+    <SignedOut client:load>
       <Card
         href="/sign-in"
         title="Log in"
@@ -42,7 +42,7 @@ import { OrganizationSwitcher } from "@clerk/astro/components/interactive";
         body="Supercharge your project with new frameworks and libraries."
       />
     </SignedOut>
-    <SignedIn>
+    <SignedIn client:load>
       <Card
         href="/user"
         title="User Profile"

integration/templates/astro-node/src/pages/only-admins-react.astro

@@ -1,11 +1,11 @@
 ---
-import { Protect } from "@clerk/astro/components/react";
+import { Protect } from "@clerk/astro/client/react";
 import Layout from "../layouts/Layout.astro";
 ---
 
 <Layout title="Page is only accessible by members">
   <div class="w-full flex justify-center flex-col">
-    <Protect role="admin">
+    <Protect client:load role="admin">
       <Fragment slot="fallback">
         <h1 class="text-2xl text-center">Not an admin</h1>
         <a

integration/templates/astro-node/src/pages/only-members-react.astro

@@ -1,11 +1,11 @@
 ---
-import { Protect } from "@clerk/astro/components/react";
+import { Protect } from "@clerk/astro/client/react";
 import Layout from "../layouts/Layout.astro";
 ---
 
 <Layout title="Page is only accessible by members">
   <div class="w-full flex justify-center flex-col">
-    <Protect role="basic_member">
+    <Protect client:load role="basic_member">
       <Fragment slot="fallback">
         <h1 class="text-2xl text-center">Not a member</h1>
         <a

packages/astro/README.md

@@ -196,7 +196,7 @@ All of the above can be used with React or Vanilla JS. The only difference is th
 
 ```ts
 // Import UserProfile build with React (requires `@astro/react`)
-import { UserProfile } from '@clerk/astro/components/react';
+import { UserProfile } from '@clerk/astro/client/react';
 
 // Import UserButton build with vanilla JS
 import { UserProfile } from '@clerk/astro/components/interactive';
@@ -216,7 +216,7 @@ All of the above can be used with React or only on server. The only difference i
 
 ```ts
 // Import Protect build with React (requires `@astro/react`)
-import { Protect } from '@clerk/astro/components/react';
+import { Protect } from '@clerk/astro/client/react';
 
 // Import SignedIn build server side code
 import { SignedIn } from '@clerk/astro/components/control';

packages/astro/package.json

@@ -93,8 +93,6 @@
     "./env": "./env.d.ts",
     "./components/control": "./components/control/index.ts",
     "./components/control/*": "./components/control/*",
-    "./components/react": "./components/react/index.ts",
-    "./components/react/*": "./components/react/*",
     "./components/interactive": "./components/interactive/index.ts",
     "./components/interactive/*": "./components/interactive/*",
     "./components/unstyled": "./components/unstyled/index.ts",