Make RTK Query onCacheEntryAdded返回错误

Question

// App.tsx
...
export const App: React.FC = () => {
const { data, error } = useGetUsersQuery()

useEffect(() => {
console.error(error)
}, [error])
}

// api.ts
...
export const api = createApi({
...
endpoints: (build) => ({
...
getUsers: build.query({
async onCacheEntryAdded(arg, { updateCachedData, cacheDataLoaded, cacheEntryRemoved }) {
const socket = await getSocket(arg)
try {
await cacheDataLoaded
socket.on("server-error", (message) => {
updateCachedData((draft, error) => { // There's no error param :(
error = new Error(message) // Nope.
})
})
} catch (e) {
console.warn(e)
}
...
}
})
})
})

如何使onCacheEntryAdded为useGetUsersQuery填充错误?

Answer 1

检查是否从该目录导入createApiimport { createApi } from '@reduxjs/toolkit/query/react'