feat: upgrade @clerk/react to v6 stable (#12)

Author: jacekradko

package-lock.json

@@ -10,7 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@clerk/clerk-react": "^5.37.0",
+    "@clerk/react": "^6.0.1",
     "react": "^19.1.1",
     "react-dom": "^19.1.1"
   },

package.json

@@ -1,19 +1,14 @@
-import {
-  SignedIn,
-  SignedOut,
-  SignInButton,
-  UserButton,
-} from '@clerk/clerk-react';
+import { Show, SignInButton, UserButton } from "@clerk/react";
 
 export default function App() {
   return (
     <header>
-      <SignedOut>
+      <Show when="signed-out">
         <SignInButton />
-      </SignedOut>
-      <SignedIn>
+      </Show>
+      <Show when="signed-in">
         <UserButton />
-      </SignedIn>
+      </Show>
     </header>
   );
 }

src/App.tsx

@@ -2,7 +2,7 @@ import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 import './index.css';
 import App from './App.tsx';
-import { ClerkProvider } from '@clerk/clerk-react';
+import { ClerkProvider } from "@clerk/react";
 
 // Import your Publishable Key
 const PUBLISHABLE_KEY = import.meta.env.VITE_CLERK_PUBLISHABLE_KEY;