Type "{ event: { _id: Id<"events">; _creationTime: number; imageStorageId?: Id<"_storage"> | undefined; is_cancelled?: boolean | undefined; name: string; description: string; location: string; eventDate: number; price: number; totalTickets: number; userId: string; } & { ...; }; }" is not valid.

 Type "{ event: { _id: Id<"events">; _creationTime: number; imageStorageId?: Id<"_storage"> | undefined; is_cancelled?: boolean | undefined; name: string; description: string; location: string; eventDate: number; price: number; totalTickets: number; userId: string; } & { ...; }; }" is not valid.

function ValidateTicket({
  event,
}: {
  event: Doc<"events"> & {
    metrics: Metrics;
  };
}) {
  const [eventId, setEventId] = useState<string>("");

  const [ticketId, setTicketId] = useState("");

  const ticket = useQuery(
    api.tickets.getTicketWithDetails,
    ticketId ? { ticketId: ticketId as Id<"tickets"> } : "skip"
  );

  if (!ticket) {
    return null;
  }

function ValidateTicket({
  event,
}: {
  event: Doc<"events"> & {
    metrics: Metrics;
  };
}) {
  const [eventId, setEventId] = useState<string>("");

  const [ticketId, setTicketId] = useState("");

  const ticket = useQuery(
    api.tickets.getTicketWithDetails,
    ticketId ? { ticketId: ticketId as Id<"tickets"> } : "skip"
  );

  if (!ticket) {
    return null;
  }