diff --git a/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewActions.tsx b/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewActions.tsx index 34b27693..26cfca2a 100644 --- a/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewActions.tsx +++ b/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewActions.tsx @@ -1,4 +1,4 @@ -import { createSelector } from '@reduxjs/toolkit'; +import { createSelector, Selector } from '@reduxjs/toolkit'; import React, { ReactNode, PureComponent } from 'react'; import { Action, AnyAction } from 'redux'; import { emptyRecord, identity } from '../utils/object'; @@ -12,7 +12,11 @@ export interface QueryPreviewActionsProps { const keySep = ' - '; export class QueryPreviewActions extends PureComponent { - selectFormattedActions = createSelector< + selectFormattedActions: Selector< + AnyAction[], + Record, + never + > = createSelector< [(actions: AnyAction[]) => AnyAction[]], Record >(identity, (actions) => { diff --git a/packages/redux-devtools-rtk-query-monitor/src/components/TreeView.tsx b/packages/redux-devtools-rtk-query-monitor/src/components/TreeView.tsx index 6b446c81..a5a5c399 100644 --- a/packages/redux-devtools-rtk-query-monitor/src/components/TreeView.tsx +++ b/packages/redux-devtools-rtk-query-monitor/src/components/TreeView.tsx @@ -1,4 +1,4 @@ -import { createSelector } from '@reduxjs/toolkit'; +import { createSelector, Selector } from '@reduxjs/toolkit'; import React, { ComponentProps, ReactNode } from 'react'; import JSONTree from 'react-json-tree'; import { Base16Theme, StylingFunction } from 'react-base16-styling'; @@ -36,12 +36,20 @@ export class TreeView extends React.PureComponent { }, }; - readonly selectLabelRenderer = createSelector< + readonly selectLabelRenderer: Selector< + StylingFunction, + ReturnType, + never + > = createSelector< [(stylingFunction: StylingFunction) => StylingFunction], ReturnType >(identity, createTreeItemLabelRenderer); - readonly selectGetItemString = createSelector< + readonly selectGetItemString: Selector< + StylingFunction, + (type: string, data: unknown) => ReactNode, + never + > = createSelector< [(stylingFunction: StylingFunction) => StylingFunction], (type: string, data: unknown) => ReactNode >( @@ -50,7 +58,11 @@ export class TreeView extends React.PureComponent { getItemString(styling, type, data, DATA_TYPE_KEY, false) ); - readonly selectTheme = createSelector< + readonly selectTheme: Selector< + Base16Theme, + ReturnType, + never + > = createSelector< [(base16Theme: Base16Theme) => Base16Theme], ReturnType >(identity, getJsonTreeTheme);