From e0d25d4087ef574803c3e045bae86b6607794f74 Mon Sep 17 00:00:00 2001
From: Nathan Bierema <nbierema@gmail.com>
Date: Sun, 4 Aug 2024 21:20:42 -0400
Subject: [PATCH] Fix rtk-query-monitor build

---
 .../src/components/QueryPreviewInfo.tsx       |  2 +-
 .../src/containers/RtkQueryInspector.tsx      | 26 ++++++++++++++++---
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewInfo.tsx b/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewInfo.tsx
index 510b3dce..8202c62f 100644
--- a/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewInfo.tsx
+++ b/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewInfo.tsx
@@ -1,5 +1,5 @@
 import { createSelector, Selector } from '@reduxjs/toolkit';
-import { QueryStatus } from '@reduxjs/toolkit/dist/query';
+import { QueryStatus } from '@reduxjs/toolkit/query';
 import React, { ReactNode, PureComponent } from 'react';
 import type { ShouldExpandNodeInitially } from 'react-json-tree';
 import { QueryPreviewTabs, RtkResourceInfo, RTKStatusFlags } from '../types';
diff --git a/packages/redux-devtools-rtk-query-monitor/src/containers/RtkQueryInspector.tsx b/packages/redux-devtools-rtk-query-monitor/src/containers/RtkQueryInspector.tsx
index e7634e30..da231add 100644
--- a/packages/redux-devtools-rtk-query-monitor/src/containers/RtkQueryInspector.tsx
+++ b/packages/redux-devtools-rtk-query-monitor/src/containers/RtkQueryInspector.tsx
@@ -1,5 +1,5 @@
 import React, { PureComponent, createRef, ReactNode } from 'react';
-import type { AnyAction, Dispatch, Action } from '@reduxjs/toolkit';
+import type { Dispatch, Action } from '@reduxjs/toolkit';
 import type { LiftedAction, LiftedState } from '@redux-devtools/core';
 import {
   QueryFormValues,
@@ -96,15 +96,33 @@ class RtkQueryInspector<S, A extends Action<string>> extends PureComponent<
   }
 
   handleQueryFormValuesChange = (values: Partial<QueryFormValues>): void => {
-    this.props.dispatch(changeQueryFormValues(values) as AnyAction);
+    this.props.dispatch(
+      changeQueryFormValues(values) as unknown as LiftedAction<
+        S,
+        A,
+        RtkQueryMonitorState
+      >,
+    );
   };
 
   handleSelectQuery = (queryInfo: RtkResourceInfo): void => {
-    this.props.dispatch(selectQueryKey(queryInfo) as AnyAction);
+    this.props.dispatch(
+      selectQueryKey(queryInfo) as unknown as LiftedAction<
+        S,
+        A,
+        RtkQueryMonitorState
+      >,
+    );
   };
 
   handleTabChange = (tab: QueryPreviewTabs): void => {
-    this.props.dispatch(selectedPreviewTab(tab) as AnyAction);
+    this.props.dispatch(
+      selectedPreviewTab(tab) as unknown as LiftedAction<
+        S,
+        A,
+        RtkQueryMonitorState
+      >,
+    );
   };
 
   render(): ReactNode {