6 replies

can i export data isLoading error from reactQuery?

Please i need some help here.

I fetched

data[]

data[]

from an

API

API

using

reactQuery

reactQuery

but the problem I'm facing here is that i need to export all the properties decontructed from

reactQuery

reactQuery

such as the

data[]

data[]

isLoading

isLoading

error

error

so that i can be able to use it in another component, is this possible?
I name the file

userData.tsx

userData.tsx

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
  )
}

KP-C

Kevin Powell - Community•4y ago•

6 replies

Leke

can i export data isLoading error from reactQuery?

Please i need some help here.

I fetched

data[]

data[]

from an

API

API

using

reactQuery

reactQuery

but the problem I'm facing here is that i need to export all the properties decontructed from

reactQuery

reactQuery

such as the

data[]

data[]

isLoading

isLoading

error

error

so that i can be able to use it in another component, is this possible?
I name the file

userData.tsx

userData.tsx

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
  )
}

can i export data isLoading error from reactQuery?

Similar Threads

can i export data isLoading error from reactQuery?

Similar Threads

Similar Threads

Similar Threads