testing out useUser

clerk · Nov 21, 2024 · 0c99e5d · 0c99e5d
1 parent 6cc8a95
commit 0c99e5d
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -4,10 +4,12 @@ import {
   SignedOut,
   UserButton,
 } from '@clerk/clerk-react';
+import UseUser from './UseUser';
 
-function App() {
+export default function App() {
   return (
     <header>
+      <UseUser />
       <SignedOut>
         <SignInButton />
       </SignedOut>
@@ -17,5 +19,3 @@ function App() {
     </header>
   );
 }
-
-export default App;
diff --git a/src/UseUser.tsx b/src/UseUser.tsx
@@ -0,0 +1,14 @@
+import { useUser } from '@clerk/clerk-react';
+
+export default function UseUser() {
+  const { isSignedIn, isLoaded } = useUser();
+
+  return (
+    <div>
+      <span>isSignedIn: {isSignedIn?.toString()}</span>
+      <br />
+      <span>isLoaded: {isLoaded?.toString()}</span>
+      <br />
+    </div>
+  );
+}