how to force isLoading state for debugging?

I have a typical component written like that:

const { isLoading } = useQuery(...);

if (isLoading) {
  return <Skeleton ... />;
}

return <ProperComponent ... />;

const { isLoading } = useQuery(...);

if (isLoading) {
  return <Skeleton ... />;
}

return <ProperComponent ... />;

I wanted to see if my Skeleton component looks properly during the loading state - is it possible to force it somehow? I haven't seen any option like that in

react-query-devtools

react-query-devtools

and when I forced

isLoading

isLoading

state inside

react-devtools

react-devtools

, I get this error:

Unhandled Runtime Error
TypeError: observer.getOptimisticResult is not a function

Unhandled Runtime Error
TypeError: observer.getOptimisticResult is not a function

TanStack•4y ago•

11 replies

skinny-azure

how to force isLoading state for debugging?

I have a typical component written like that:

const { isLoading } = useQuery(...);

if (isLoading) {
  return <Skeleton ... />;
}

return <ProperComponent ... />;

const { isLoading } = useQuery(...);

if (isLoading) {
  return <Skeleton ... />;
}

return <ProperComponent ... />;

I wanted to see if my Skeleton component looks properly during the loading state - is it possible to force it somehow? I haven't seen any option like that in

react-query-devtools

react-query-devtools

and when I forced

isLoading

isLoading

state inside

react-devtools

react-devtools

, I get this error:

Unhandled Runtime Error
TypeError: observer.getOptimisticResult is not a function

Unhandled Runtime Error
TypeError: observer.getOptimisticResult is not a function

how to force isLoading state for debugging?

Similar Threads

how to force isLoading state for debugging?

Similar Threads

Similar Threads

Similar Threads