This hook will get you the global app state using Redux

useAppState.ts

import { useSelector } from 'react-redux';
import { RootState } from '../state';

type States = keyof RootState;

/**
 * This hook will get you the global app state
 * @returns App State
 * @param stateName
 */
const useAppState = <S extends States>(stateName: S): RootState[S] =>
  useSelector(
    (state: RootState) => state[stateName] as unknown as RootState[S]
  );

export { useAppState };