How to use unstable cache with dynamic ID

[iron vessel]

I do have this code:

export const getCachedGig = unstable_cache(
  (gigId: number) => gigsService.getGig(gigId),
  [`gig:${gigId}`],
  {
    tags: [`gig:${gigId}`],
  },
);

but not able to compile it, how to have unstable cache with id for details similar how react query works? thanks

[deft sierra]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[fast forge]

https://nextjs.org/docs/app/api-reference/functions/unstable_cache#example

[iron vessel]

ah ty so much so it goes something like this:

export const getCachedGig = (gigId: number) =>
  unstable_cache(() => gigsService.getGig(gigId), [`gig:${gigId}`], {
    tags: [`gig:${gigId}`],
  });

[fast forge]

yes

[iron vessel]

thanks but the invocation is bit weird like so 😄

export async function getGig(id: number): Promise<GigResponse | null> {
  return getCachedGig(id)();
}

[fast forge]

yea since it returns a function

you can just call it inside the getCachedGig itself