Convex MCP server

import { SignInButton, UserButton } from "@clerk/clerk-react"; import { Authenticated, Unauthenticated, useQuery } from "convex/react"; import { api } from "../convex/_generated/api"; function App() { return ( <main> <Unauthenticated> <SignInButton /> </Unauthenticated> <Authenticated> <UserButton /> <Content /> </Authenticated> </main> ); } function Content() { const messages = useQuery(api.messages.getForCurrentUser); return <div>Authenticated content: {messages?.length}</div>; } export default App;