```tsx //App.tsx {`import { InventoryDashboard } from "./components/InventoryDashboard"; import { SignInForm } from "./SignInForm"; import { SignOutButton } from "./SignOutButton"; import { useConvexAuth } from "convex/react"; function App() { const { isAuthenticated, isLoading } = useConvexAuth(); if (isLoading) { return <div>Loading...</div>; } return ( <main> {!isAuthenticated ? ( <SignInForm /> ) : ( <div> <SignOutButton /> <InventoryDashboard /> </div> )} </main> ); } export default App;`} ```