rtk-query error handling pattern + originalArgs

[mauriceoc]

There are patterns detailed in the documentation regarding handling errors on a macro level, in a listener middleware, with createListener and also others that refer to handling inline errors in the component with isError and error, as returned by the generated rtk-query hooks.

https://redux-toolkit.js.org/rtk-query/usage/error-handling

I was wondering if it's possible to combine both, something like this (pseudo-code):

 // provide codes for inline errors in MyComponent
const inlineErrorCodes = ['error1', 'error2' ];

function MyComponent() {

     const [formError, setFormError] = useState();

     const [doFoo, { data, error }] = useFooMutation();

     function onClick() {
            // send inlineErrors in query params, these will not be sent to server
            doFoo({ inlineErrorCodes });
     }

     // inline errors are handled in the component
     useEffect(() => {
        if(inlineErrorCodes.includes(error?.data.errorCode) {
           setFormError(error.data?.message), 
        }
      }, [error]);
}

// macro handler - handles all errors except inline ones

middleware.startListening({
   matcher: isRtkQueryError,
   effect: (action) => {
             const errorData = action.payload.data;
             // show a toast if this error is macro, not inline
             if(!action.meta.arg.originalArgs.inlineErrors.includes(errorData.errorCode)) {
                   showToast(errorData.message);
             }
    }
});

Any thoughts as to whether this is a reasonable way to go? The inlineErrorCodes param would not be sent to the server, it would be used on the client only.

Is this a reasonable use of originalArgs or is this hacky? Is it OK to use query params for strictly client side data like this?

The purpose is to avoid handling errors in all components as in certain components there are no inline errors to care about and the macro level handler should suffice.

[mauriceoc]

See here for some related discussion. It seems like this could work.