Await Dispatch in the React UI

Redux
1

With reference to the Bugs application built during this course, there is the following method:

return (
    <ul>
      {bugs.map((bug) => (
        <li key={bug.id}>
          {bug.description}
          <button onClick={() => dispatch(resolveBug(bug.id))}>Resolve</button>
        </li>
      ))}
    </ul>
  );

I understand I can rework this to call a local method, something like:
const localMethod = (id) => {
dispatch(resolveBug(id));
}
and then change the onClick to:
<button onClick={() => localMethod(bug.id)}>Resolve</button>

However, what I’m having difficulty figuring out is how to AWAIT that dispatch method, and then do other stuff in the UI based on the success or failure of the API call.
Something like:

    const localMethod = async (id) => {
      try{
             await dispatch(resolveBug(id));
             //all good...do other stuff
      }
      catch(error){
          // (failed some server-side validation)
          //present user with api message saying why the bug could not be resolved
      }
    }

How can I do this? My current attempt do not hit the catch block when the API call fails.