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> extends PureComponent< } handleQueryFormValuesChange = (values: Partial): 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 {