From 4f720184024fe6988f5f23f459fcc0e9f4d50ad7 Mon Sep 17 00:00:00 2001
From: Nathan Bierema <nbierema@gmail.com>
Date: Mon, 8 Nov 2021 00:28:00 -0500
Subject: [PATCH] Fix build

---
 .../src/components/QueryPreviewActions.tsx    |  8 ++++++--
 .../src/components/TreeView.tsx               | 20 +++++++++++++++----
 2 files changed, 22 insertions(+), 6 deletions(-)

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<QueryPreviewActionsProps> {
-  selectFormattedActions = createSelector<
+  selectFormattedActions: Selector<
+    AnyAction[],
+    Record<string, AnyAction>,
+    never
+  > = createSelector<
     [(actions: AnyAction[]) => AnyAction[]],
     Record<string, AnyAction>
   >(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<TreeViewProps> {
     },
   };
 
-  readonly selectLabelRenderer = createSelector<
+  readonly selectLabelRenderer: Selector<
+    StylingFunction,
+    ReturnType<typeof createTreeItemLabelRenderer>,
+    never
+  > = createSelector<
     [(stylingFunction: StylingFunction) => StylingFunction],
     ReturnType<typeof createTreeItemLabelRenderer>
   >(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<TreeViewProps> {
       getItemString(styling, type, data, DATA_TYPE_KEY, false)
   );
 
-  readonly selectTheme = createSelector<
+  readonly selectTheme: Selector<
+    Base16Theme,
+    ReturnType<typeof getJsonTreeTheme>,
+    never
+  > = createSelector<
     [(base16Theme: Base16Theme) => Base16Theme],
     ReturnType<typeof getJsonTreeTheme>
   >(identity, getJsonTreeTheme);