Redux RTK Query- TypeScript error.

[prasadbeligalage]

When I try to check the error of the RTK query response, it gives the following TypeScript error.

Property 'error' does not exist on type 'FetchBaseQueryError | SerializedError'.
Property 'error' does not exist on type '{ status: number; data: unknown; }'.ts(2339)

Error occurs when accessing the "error" value of "error" object (error.error), however the console log works when threre's a network error.

const { data, error, isLoading } = useGetAllProductsQuery('products')
if (error) {
if (error.error === 'TypeError: Network request failed') {
console.log('Network error')
...

[phryneas]

https://redux-toolkit.js.org/rtk-query/usage-with-typescript#type-safe-error-handling

[prasadbeligalage]

Thanks a lot..

[karanshah229]

@phryneas I would like the data property of the error returned by FetchBaseQueryError.
It is unknown by default.

We a fixed error structure from BE that I want to use across the FE app for error handling.

{
  statusCode: number;
  message: string | string[];
  error: string;
};

How can I achieve this ?