3 replies

tRPC basics - returning an array

I suspect this is my ignorance of typescript. I am just not getting anywhere with this tRPC set up. I just want to return an array, but my query result is empty.
Router

const partyList = [
    {
      firstName: 'joe',
      lastName: 'linsley',
      age: 24
    },
    {
      firstName: 'bill',
      lastName: 'smith',
      age: 40
    },
  ]
export const userRouter = router({
    partyRoleRouter: publicProcedure.query(() => {
    return partyList;
  }),
});

const partyList = [
    {
      firstName: 'joe',
      lastName: 'linsley',
      age: 24
    },
    {
      firstName: 'bill',
      lastName: 'smith',
      age: 40
    },
  ]
export const userRouter = router({
    partyRoleRouter: publicProcedure.query(() => {
    return partyList;
  }),
});

Page

const peps = trpc.party.partyRoleRouter.useQuery();
  console.log("Peps ",peps.data)
  if (!peps.data) return <div>Loading...</div>;

const peps = trpc.party.partyRoleRouter.useQuery();
  console.log("Peps ",peps.data)
  if (!peps.data) return <div>Loading...</div>;

Question

peps

peps

is always undefined. Why??? how do I get the array of people in partyList?

TTC

Theo's Typesafe Cult•4y ago•

3 replies

ibamsey

tRPC basics - returning an array

I suspect this is my ignorance of typescript. I am just not getting anywhere with this tRPC set up. I just want to return an array, but my query result is empty.
Router

const partyList = [
    {
      firstName: 'joe',
      lastName: 'linsley',
      age: 24
    },
    {
      firstName: 'bill',
      lastName: 'smith',
      age: 40
    },
  ]
export const userRouter = router({
    partyRoleRouter: publicProcedure.query(() => {
    return partyList;
  }),
});

const partyList = [
    {
      firstName: 'joe',
      lastName: 'linsley',
      age: 24
    },
    {
      firstName: 'bill',
      lastName: 'smith',
      age: 40
    },
  ]
export const userRouter = router({
    partyRoleRouter: publicProcedure.query(() => {
    return partyList;
  }),
});

Page

const peps = trpc.party.partyRoleRouter.useQuery();
  console.log("Peps ",peps.data)
  if (!peps.data) return <div>Loading...</div>;

const peps = trpc.party.partyRoleRouter.useQuery();
  console.log("Peps ",peps.data)
  if (!peps.data) return <div>Loading...</div>;

Question

peps

peps

is always undefined. Why??? how do I get the array of people in partyList?

tRPC basics - returning an array

Similar Threads

tRPC basics - returning an array

Similar Threads

Similar Threads

Similar Threads