export const UserData = () => {
const { data, isLoading, error } = useQuery<User[], ErrorConstructor>("query-users", async () =>{
return await getAll()
})
if(error instanceof Error) return <div>Cannot fetch data</div>
if(isLoading) return <LoadingState/>
if(!data) return <div>Error occour</div>
return (
data
)
}
export const UserData = () => {
const { data, isLoading, error } = useQuery<User[], ErrorConstructor>("query-users", async () =>{
return await getAll()
})
if(error instanceof Error) return <div>Cannot fetch data</div>
if(isLoading) return <LoadingState/>
if(!data) return <div>Error occour</div>
return (
data
)
}