Getting eslint(no-unused-vars) in Redux with Typescript

Question

I am getting eslint(no-unused-vars) exception while developing React/Redux application with Typescript. Even though the imported variable has been used in the function below.

actions.ts

import { User, FETCH_USERS, FETCH_USERS_SUCCESS } from './types';

export function fetchUsers() {
  return {
    type: FETCH_USERS,
  };
}

export function fetchUsersSuccess(users: User[]) {
  return {
    type: FETCH_USERS_SUCCESS,
    payload: users,
  };
}

types.ts

export const FETCH_USERS = 'FETCH_USERS';
export const FETCH_USERS_SUCCESS = 'FETCH_USERS_SUCCESS';

export interface User {
    id: number;
    email: string;
    firstName: string;
    lastName: string;
    avatar: string
}

export interface Users {
    users: User[];
    isLoading: boolean
}

interface fetchUsers {
    type: typeof FETCH_USERS;
}

interface fetchUsersSuccess {
    type: typeof FETCH_USERS_SUCCESS;
    payload: User[]
}

export type userActionTypes = fetchUsers | fetchUsersSuccess;

reducers.ts

import {
  Users, FETCH_USERS, FETCH_USERS_SUCCESS, userActionTypes,
} from './types';

const initialState: Users = {
  users: [],
  isLoading: true,
};

export default function usersReducer(
  state = initialState,
  action: userActionTypes,
): Users {
  switch (action.type) {
    case FETCH_USERS:
      return {
        ...state,
        isLoading: true,
      };
    case FETCH_USERS_SUCCESS:
      return {
        users: [...state.users, ...action.payload],
        isLoading: false,
      };
    default:
      return state;
  }
}

Getting below exception in actions.ts

'User' is defined but never used.