refactor: add GetState type

Author: artemmufazalov

src/store/reducers/executeTopQueries.ts

@@ -13,7 +13,7 @@ import {parseQueryAPIExecuteResponse} from '../../utils/query';
 
 import {createRequestActionTypes, createApiRequest} from '../utils';
 
-import type {IRootState} from '.';
+import type {RootState} from '.';
 
 export const FETCH_TOP_QUERIES = createRequestActionTypes('top-queries', 'FETCH_TOP_QUERIES');
 const SET_TOP_QUERIES_STATE = 'top-queries/SET_TOP_QUERIES_STATE';
@@ -126,7 +126,7 @@ const executeTopQueries: Reducer<ITopQueriesState, ITopQueriesAction> = (
 type FetchTopQueries = (params: {
     database: string;
     filters?: ITopQueriesFilters;
-}) => ThunkAction<Promise<IQueryResult | undefined>, IRootState, unknown, AnyAction>;
+}) => ThunkAction<Promise<IQueryResult | undefined>, RootState, unknown, AnyAction>;
 
 export const fetchTopQueries: FetchTopQueries =
     ({database, filters}) =>

src/store/reducers/index.ts

@@ -82,7 +82,8 @@ const combinedReducer = combineReducers({
     ...rootReducer,
 });
 
-export type IRootReducer = typeof combinedReducer;
-export type IRootState = ReturnType<IRootReducer>;
+export type RootReducer = typeof combinedReducer;
+export type RootState = ReturnType<RootReducer>;
+export type GetState = () => RootState;
 
 export default combinedReducer;

src/store/utils.ts

@@ -4,6 +4,7 @@ import {AxiosResponse} from 'axios';
 import createToast from '../utils/createToast';
 
 import {SET_UNAUTHENTICATED} from './reducers/authentication';
+import type {GetState} from './reducers';
 
 export const nop = (result: any) => result;
 
@@ -24,7 +25,7 @@ const isAxiosResponse = (response: any): response is AxiosResponse =>
 type CreateApiRequestParams<Actions, Response, HandledResponse> = {
     actions: Actions;
     request: Promise<Response>;
-    dataHandler?: (data: Response, getState?: () => any) => HandledResponse;
+    dataHandler?: (data: Response, getState: GetState) => HandledResponse;
 };
 
 export function createApiRequest<
@@ -36,7 +37,7 @@ export function createApiRequest<
     request,
     dataHandler = nop,
 }: CreateApiRequestParams<Actions, Response, HandledResponse>) {
-    const doRequest = async function (dispatch: Dispatch, getState: () => any) {
+    const doRequest = async function (dispatch: Dispatch, getState: GetState) {
         dispatch({
             type: actions.REQUEST,
         });

src/utils/hooks/useTypedSelector.ts

@@ -1,5 +1,5 @@
 import {TypedUseSelectorHook, useSelector} from 'react-redux';
 
-import {IRootState} from '../../store';
+import {RootState} from '../../store';
 
-export const useTypedSelector: TypedUseSelectorHook<IRootState> = useSelector;
+export const useTypedSelector: TypedUseSelectorHook<RootState> = useSelector;