How to use Plasmo's globalProvider?

For tanstack query, I need to have a global provider for all of the

getInlineAnchorList()

getInlineAnchorList()

. I saw that this should be possible through this github pull but I haven't been able to get it to work.

Does anyone have a working example?
https://github.com/PlasmoHQ/plasmo/pull/557

GitHub

feat: Layout or globalProvider for React runtime by louisgv · Pull ...

Details
This PR introduces a new getGlobalProvider function for React runtime. This function is aliased with Layout to align with some convention from other framework. Thus, user can either do as t...

bret_patOP•8/6/23, 7:53 PM

So it seems like _app.tsx might not have been implemented?

bret_patOP•8/6/23, 7:55 PM

Er, so I'm using

But what ends up happening for getInlineAnchorList(...), is that a new Layout is created for each one rather than just sharing between all of them

bret_patOP•8/6/23, 8:02 PM

I can confirm that a new GlobalProvider is created for each rather than a single global layout

bret_patOP•8/6/23, 8:14 PM

MY use case was for React query and there is a work-around for this.

Since is just a generic javascript object, you can create that object once globally and then just pass that in as a prop.

bret_patOP•8/6/23, 8:15 PM

This makes it only a single TRPC call is made for all the mounted components instead of for each