rtk-query | Data fetching and caching addon for Redux Toolkit | State Container library

Could not find any info on this that explains why its not generating and how to force it to re-generate these hooks.

First I thought I had to run the app to get it to work so did yarn start.

I ended up manually adding them at the bottom export where it should auto-generate according to the documentation. I following this comment here.

Hooks are automatically generated based on the name of the endpoint in the service definition. An endpoint field with getPost: builder.query() will generate a hook named useGetPostQuery.

All the endpoints of the API I'm working on, require the same set of query parameters. The user must select these parameters before making requests to endpoints.

Examples of endpoints

I'm already using RTK Query with different endpoints that return JSON which are working as expected. But there is one endpoint that returns XML. I can see in the network tab that HTTP response is correct but RTK Query's auto generated hook returns data as undefined.

Here's is my query definition:

Hello all and thanks in advance.

Just to begin with, I am aware that weather data is not a suitable use case for RTK Query as it is always changing, I am using RTK Query in this case just for practicing purposes. I want to refetch weather data upon a button click but the component is not being updated, however I can see that the requestId is indeed changing when clicking the refresh button and that data is being retrieved, by checking the console. I am doing the refetch as in the example that can be found in the official docs:

https://redux-toolkit.js.org/rtk-query/usage/cache-behavior#re-fetching-on-demand-with-refetchinitiate

I am also wondering if it would be more suitable to use useLazyQuery and its trigger function instead...

https://redux-toolkit.js.org/rtk-query/api/created-api/hooks#uselazyquery

...but if so, what should I take into account in order to decide if I use useQuery or useLazyQuery?

I have three API definitions in my current scenario.

• Groups
• Group Members
• Group Invitations

These routes relate to each other, in that accepting a group invitation will invalidate the list of groups a user has. As a result, I have defined them under the same API as they need to invalidate shared tags.

However, this results in quite a bloated file, as each of those definitions have their own endpoints associated with them. Reading the documentation for Code Splitting with RTK Query suggests using injectEndpoints. This looks like it will suit my purposes, but I've the documentation has no examples that I can find of how it should be implemented with multiple 'sub' endpoints.

I have a couple questions;

1. If I was to utilize injectEndpoints to extend the Groups API with GroupInvitations & GroupMembers seperately, which API should be included in the call to configureScore?
2. Is there a way to inject both endpoints into Groups at once, resulting in a single combinedApi?

Following is my implementation of the useLazyQuery hook:

I'm creating an mobile App with react native typescript and expo with help of rtk-query. I'm trying to get partial data from API https://pokeapi.co/api/v2/pokemon/snorlax/. For example from API I'm only trying to get name or something else whatever but some partial data.

usersApi.tsx

I'm using a very basic RTK Query hook to get some user data from an API. How can I access the data saved in my store inside of my components? I'm not able to get the data from the store generated in a specific matter by RTK Query.

I have a simple Post API and I called the getPosts hook. In Redux devtools I can see the data from the RTK query hook in my store:

Post API

How to infer the type of the data coming from the query so that, I can have autocompletion in VS Code when populating my UI? I have been having a look at the content in the official docs but I was not able to understand how to do it,

https://redux-toolkit.js.org/rtk-query/api/fetchBaseQuery

Code below: