Typescript: Matching rtk-query actions with status code

[mauriceoc]

I would like to match rtk-query actions in extraReducers.

I would like to match any rtk-query response action which:

• Is rejected
• Has a 401 status associated
• And a payload with string Unauthorized.

I have written a matcher like so:

const is401UnauthorizedMatch = (action: PayloadAction<string>): action is PayloadAction<string> => {
    return isRejected(action) && action.payload === 'Unauthorized';
}

However this example matcher does not take into account the status code.

Is there a way to get access to action.baseQueryMetaData so I can check the status, yet keep Typescript happy?

Something like this, but type-safe:

const is401UnauthorizedMatch = (action: PayloadAction<string>): action is PayloadAction<string> => {
    return isRejected(action) && action.payload === 'Unauthorized' && action.baseQueryMetaData.response.status === 401.;
}

[EskiMojo14]

is there? yes
will you want to do it? nope

    return isRejected(action) 
    && action.payload === 'Unauthorized' 
    && 'baseQueryMeta' in action.meta
    && typeof action.meta.baseQueryMeta === "object"
    && !!action.meta.baseQueryMeta
    && 'response' in action.meta.baseQueryMeta
    && action.meta.baseQueryMeta.response instanceof Response
    && action.meta.baseQueryMeta.response.status === 401;

i would rather skip a few steps, and use a type guard:

const hasRTKQMeta = (action: any): action is {
    meta: {
        baseQueryMeta: {
            request: Request
            response?: Response
        }
    }
} => action?.meta?.baseQueryMeta?.request instanceof Request

const is401UnauthorizedMatch = (action: PayloadAction<string>): action is PayloadAction<string> => {
    return isRejected(action)
        && action.payload === 'Unauthorized'
        && hasRTKQMeta(action)
        && action.meta.baseQueryMeta.response?.status === 401;
}

it's technically less type safe, but is a pretty safe assertion.