Is it possible to use the fetch api inside a query procedure?

Jjberrios.Sorry if this is a dumb question, I just started learning tRPC this week. When ...

J

julius•1/21/23, 11:26 AM

you can do this

getPokemonById: publicProcedure
  .input(z.number())
  .query(({ input }) => {
    const pokemon = await (
      await fetch("https://pokeapi.co/api/pokemon/" + input.id)
    ).json()
    // ideally run response through some validator
    return pokemon;
  }),

getPokemonById: publicProcedure
  .input(z.number())
  .query(({ input }) => {
    const pokemon = await (
      await fetch("https://pokeapi.co/api/pokemon/" + input.id)
    ).json()
    // ideally run response through some validator
    return pokemon;
  }),

getPokemonById: publicProcedure
  .input(z.number())
  .query(({ input }) => {
    const pokemon = await (
      await fetch("https://pokeapi.co/api/pokemon/" + input.id)
    ).json()
    // ideally run response through some validator
    return pokemon;
  }),

getPokemonById: publicProcedure
  .input(z.number())
  .query(({ input }) => {
    const pokemon = await (
      await fetch("https://pokeapi.co/api/pokemon/" + input.id)
    ).json()
    // ideally run response through some validator
    return pokemon;
  }),

if that's what you're asking

D

DR33M•2/3/23, 7:01 AM

Hello i'm also getting my hands on trpc and i was trying to figure out how i can query from a Mapbox endpoint through trpc .... thank you for this answer .... My next question Is it an efficient way of getting data from external APIs?

D

DR33M•2/3/23, 7:03 AM

Using the fetch inside the procedure

DDR33M Hello i'm also getting my hands on trpc and i was trying to figure out how i can...

A

Alex / KATT 🐱•2/3/23, 8:30 PM

yes, it's efficient - you can do your own cache in a db if it gets costly and many lookups look the same or if the third party is slow

D

DR33M•2/8/23, 3:36 PM

i am trying to fetch the response object but react query is giving me an error message saying Not Found...please assist

D

DR33M•2/9/23, 10:51 AM

ive solved it thanks ...i removed the new URLSearchParams