Delay IsLoading....

  const { isLoading, isError, data } = trpc.ticketDomain.getByTicketId.useQuery(
    {
      ticketId: selectedTicket!.id,
    }
  );

  if (isLoading) {
    // details section should not render if isloading has been true for 200ms or                 less and if 'data' is not available

    // load data as soon as its available and render the details section

    // if fetching takes longer than 200ms, show loading spinner
    return (

        <LoadingSpinner />;
    
    );
  }

  const { isLoading, isError, data } = trpc.ticketDomain.getByTicketId.useQuery(
    {
      ticketId: selectedTicket!.id,
    }
  );

  if (isLoading) {
    // details section should not render if isloading has been true for 200ms or                 less and if 'data' is not available

    // load data as soon as its available and render the details section

    // if fetching takes longer than 200ms, show loading spinner
    return (

        <LoadingSpinner />;
    
    );
  }