title: Property does not exist on type - redux-thunk await dispatch
body: <p>I have this exact issue described here <a href="https://github.com/reduxjs/redux-toolkit/issues/485#issuecomment-610654378" rel="nofollow noreferrer">https://github.com/reduxjs/redux-toolkit/issues/485#issuecomment-610654378</a></p>
  <p>so I imported ThunkDispatch directly and am using that. I can't get any keys from the response of dispatch without it throwing <code>property does not exist</code> error</p>
  <pre><code>@reduxjs/toolkit@1.5.1 
  </code></pre>
  <pre><code>const response = await dispatch(deactivateSubscription(args))
  </code></pre>
  <pre><code>const response: PayloadAction&lt;ApiResponse&lt;EmptyBodyResponse&gt;, string, {
      arg: DeactivateSubscriptionArgs;
      requestId: string;
      requestStatus: &quot;fulfilled&quot;;
  }, never&gt; | PayloadAction&lt;...&gt;
  </code></pre>
  <pre><code>export interface ApiResponse&lt;T = unknown&gt; {
    body: T
    error: Error
    success: boolean
    message?: string
  }
  </code></pre>
  <pre><code>TS2339: Property 'error' does not exist on type 'PayloadAction&lt;ApiResponse&lt;EmptyBodyResponse&gt;, string, { arg: DeactivateSubscriptionArgs; requestId: string; requestStatus: &quot;fulfilled&quot;; }, never&gt; | PayloadAction&lt;...&gt;'.
    Property 'error' does not exist on type 'PayloadAction&lt;ApiResponse&lt;EmptyBodyResponse&gt;, string, { arg: DeactivateSubscriptionArgs; requestId: string; requestStatus: &quot;fulfilled&quot;; }, never&gt;'.
      149 |
    &gt; 150 |                     if (!response.error) {
          |                                   ^^^^^
      151 |                       setIsEditing(false)
      152 |                     }
      153 |                   }}
  </code></pre>