RTK Query & Route Loader example

[mitsuruog]

I tried several times but it never worked. 😞
Does anyone have a working example?

 const routes = [
   {
     path: 'teams',
     loader: async () => {
       // do something here
     }
   },
 ]

[zacharyparikh]

Hi @mitsuruog I just went down this rabbit hole and found an answer here TkDodo/blog-comments#84 (comment)

async loader() {
  const promise = store.dispatch(api.endpoints.myEndpoint.initiate(someArgument))
  await promise // wait for data to be there
  promise.unsubscribe() // remove the subscription. The data will stay in cache for 60 seconds and the component can subscribe to it in that timeframe.
}