i'm trying to delay a loading spinner from appearing if the api takes less than 200ms to get the data. I've tried a number of implementations and failed, can anyone help?
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 />;
);
}
0 Replies
No replies yetBe the first to reply to this messageJoin