Custom react-redux hooks

users.ts

import { useSelector, useDispatch } from 'react-redux';
import { RootState } from '~/reducers';
import { selectUser, selectAllUsers } from 'actions/app';
import { setUserAction, setAllUsersAction } from '../actions/app';

export const useUserState = () => {
  return {
    user: useSelector((state: RootState) => selectUser(state)),
    allUsers: useSelector((state: RootState) => selectAllUsers(state)),
  }
}

export const useUserDispatch = () => {
  const dispatch = useDispatch();
  return {
    setUser: (user: string) => () => dispatch(setUserAction(user)),
    setAllUsers: (users: string[]) => () => dispatch(setAllUsersAction(users)),
  }
}