[RTK Query] How can I cache fetchItem with data that I inquired from fetchFirstItem?

[dev-splin]

Hello!
fetchFirstItem endpoint and fetchItem endpoint are as follows.

• fetchFirstItem endpoint: Look up the first item in the item list
• fetchItem endpoint: Look up items using a specific item id

For example, the item ID viewed through fetchFirstItem endpoint is 1.
After that, when I import data with item ID 1 to fetchItem endpoint, I want to check the cached data.

I tried to use tags, but I understand that caching data consists of endpoints and parameters, so I worked as follows.

// endpoints
endpoints: (build) => ({
  fetchFirstItem: build.query({
    query: () => '/items/first',
  }),
  fetchItem: build.query({
    query: (itemId) => `/items/${itemId}`,
  }),
})

// using (in Component)
const [fetchFirstItem] = useLazyFetchFirstItem();
const [fetchItem] = useLazyFetchItem();

const initItem = async () => {
  // I'll bring the first item.
  const fetchFirstItemResult = await fetchFirstItem().unwrap();

  // fetchItem endpoint is called for caching.
  const itemId = fetchFirstItemResult .body.itemId;
  const fetchItemResult = await fetchItem(itemId).unwrap();
}

Is there a better way?