使RTK查询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

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