diff --git a/samples/react-tanstack-router/src/main.tsx b/samples/react-tanstack-router/src/main.tsx index 9edd43c4c..62c63157c 100644 --- a/samples/react-tanstack-router/src/main.tsx +++ b/samples/react-tanstack-router/src/main.tsx @@ -39,8 +39,6 @@ createRoot(document.getElementById('root')!).render( diff --git a/samples/react-tanstack-router/src/pages/Home.tsx b/samples/react-tanstack-router/src/pages/Home.tsx index f189dd34b..eb4fcec6a 100644 --- a/samples/react-tanstack-router/src/pages/Home.tsx +++ b/samples/react-tanstack-router/src/pages/Home.tsx @@ -1,6 +1,13 @@ import {Link} from '@tanstack/react-router'; import {useAsgardeo, SignInButton} from '@asgardeo/react'; +/** + * Home page component for the TanStack Router sample application. + * Renders the landing page with navigation, sign-in/sign-out controls via Asgardeo, + * and feature highlights for the Asgardeo + TanStack Router integration. + * + * @returns The Home page React element. + */ export default function Home() { const {isSignedIn, signOut} = useAsgardeo(); @@ -19,7 +26,11 @@ export default function Home() { ) : ( - {({isLoading}) => } + {({isLoading, signIn}) => ( + + )} )} @@ -34,7 +45,11 @@ export default function Home() { {!isSignedIn && (
- {({isLoading}) => } + {({isLoading, signIn}) => ( + + )}
)}