I don't now how to config cache

[thuc201995]

I have the redux toolkit query like this

import queryString from "query-string";
import { api } from "./api";

export interface Role {
  _id: string;
  name: string;
  description: string;
  userIDs: string[];
  permissions: string[];
  created_at: Date | string;
  updated_at: Date | string;
}
type RoleRespone = { docs: Role[]; totalDocs: number};
type RoleRequest = {
  page?: Number;
  ids?: string[];
  name?: string | null;
  description?: string | null;
  sort_by?: string | null;
  order_by?: string | null;
};

export const roleApi = api.injectEndpoints({
  endpoints: (build) => ({
    getRoles: build.query<RoleRespone, RoleRequest>({
      query: (params: RoleRequest) => ({
        url: `roles?${queryString.stringify(params, {
          skipEmptyString: true,
          skipNull: true,
        })}`,
      }),
      providesTags: (result) => {
        return result?.docs?.length
          ? [
              ...result?.docs?.map(
                ({ _id }) =>
                  ({
                    type: "Roles",
                    id: _id,
                  } as const)
              ),
              { type: "Roles", id: "PARTIAL-LIST" },
            ]
          : [{ type: "Roles", id: "PARTIAL-LIST" }];
      },
    }),
    getRole: build.query<Role, string>({
      query: (id) => ({
        url: `roles/${id}`,
      }),
      providesTags: (result, error, id) => {
        return [{ type: "Roles", id }];
      },
    }),
  }),
});

export const { useGetRolesQuery, useGetRoleQuery } = roleApi;

And this is my test

 const { data, isLoading, refetch, status } = useGetRolesQuery(
    {
      page: Number(searchParams.get("page") || 1),
      name: searchParams.get("name"),
      description: searchParams.get("description"),
      sort_by: searchParams.get("sort_by"),
      order_by: searchParams.get("order_by"),
    }
    // { refetchOnMountOrArgChange: true, skip: !hasReadPermission }
  );
  
  const { data: test } = useGetRoleQuery(data?.docs?.[0]?._id || "", {
    skip: !data?.docs?.[0]?._id,
  });

And the result

The result always calls the getRole API, why doesn't it get from cache?
Please help me 😭

[EskiMojo14]

RTKQ isn't a normalized cache, it caches by endpoint name and arguments provided. It has no knowledge that a part of your getPosts response is also the right response for getPost("foo").

[thuc201995]

Thanks for your answer.