Convex MCP server

import { Button } from "@ui/Button";
import { LoginLayout } from "layouts/LoginLayout";
import { useRouter } from "next/router";

export default function Custom404() {
  const { query } = useRouter();
  return (
    <div className="h-screen">
      <LoginLayout>
        <div className="flex gap-2 text-content-primary">
          <h2>404</h2>
          <div className="flex items-center gap-1 pl-2">
            {query.reason === "deployment_not_found" ? (
              <DeploymentNotFound />
            ) : (
              <p>This page could not be found.</p>
            )}
            <Button
              variant="unstyled"
              onClick={() => {
                window.location.href = "/";
              }}
              className="flex items-center underline"
            >
              Go back.
            </Button>
          </div>
        </div>
      </LoginLayout>
    </div>
  );
}

function DeploymentNotFound() {
  return (
    <p>
      The requested deployment could not be found or belongs to another user.
    </p>
  );
}