diff --git a/packages/redux-devtools-rtk-query-monitor/src/components/QueryForm.tsx b/packages/redux-devtools-rtk-query-monitor/src/components/QueryForm.tsx index 917aebe1..c7431e70 100644 --- a/packages/redux-devtools-rtk-query-monitor/src/components/QueryForm.tsx +++ b/packages/redux-devtools-rtk-query-monitor/src/components/QueryForm.tsx @@ -1,7 +1,8 @@ import React, { ReactNode, FormEvent, MouseEvent, ChangeEvent } from 'react'; +import type { DebouncedFunc } from 'lodash'; +import { Select } from '@redux-devtools/ui'; import { QueryFormValues } from '../types'; import { StyleUtilsContext } from '../styles/createStylingFromTheme'; -import { Select } from '@redux-devtools/ui'; import { SelectOption } from '../types'; import debounce from 'lodash.debounce'; import { sortQueryOptions, QueryComparators } from '../utils/comparators'; @@ -84,7 +85,7 @@ export class QueryForm extends React.PureComponent< }); }; - invalidateSearchValueFromProps = debounce(() => { + invalidateSearchValueFromProps: DebouncedFunc<() => void> = debounce(() => { this.props.onFormValuesChange({ searchValue: this.state.searchValue, }); diff --git a/packages/redux-devtools-rtk-query-monitor/src/styles/createStylingFromTheme.ts b/packages/redux-devtools-rtk-query-monitor/src/styles/createStylingFromTheme.ts index 2b7e9f79..e7868144 100644 --- a/packages/redux-devtools-rtk-query-monitor/src/styles/createStylingFromTheme.ts +++ b/packages/redux-devtools-rtk-query-monitor/src/styles/createStylingFromTheme.ts @@ -5,12 +5,15 @@ import { getBase16Theme, invertTheme, StylingConfig, + StylingFunction, + Theme, } from 'react-base16-styling'; import rgba from 'hex-rgba'; import * as reduxThemes from 'redux-devtools-themes'; import { Action } from 'redux'; -import { RtkQueryMonitorProps, StyleUtils } from '../types'; import { createContext } from 'react'; +import type { CurriedFunction1 } from 'lodash'; +import { RtkQueryMonitorProps, StyleUtils } from '../types'; jss.setup(preset()); @@ -513,7 +516,10 @@ const getDefaultThemeStyling = (theme: reduxThemes.Base16Theme) => { return themeSheet.classes; }; -export const createStylingFromTheme = createStyling(getDefaultThemeStyling, { +export const createStylingFromTheme: CurriedFunction1< + Theme | undefined, + StylingFunction +> = createStyling(getDefaultThemeStyling, { defaultBase16: reduxThemes.nicinabox, base16Themes: { ...reduxThemes }, });