Почему TypeScript выдаёт ошибку?

Question

[qfrontend]

Приветствую) Почему TS выдаёт ошибку???????? Как правильно в данном случае писать?
Ошибки:
Свойство "payload" не существует в типе "UserAction".
Свойство "payload" не существует в типе "FetchUserAction"

interface UserState {
  loading: boolean;
  users: any[];
  error: null | string;
}
const initialState: UserState = {
  users: [],
  loading: false,
  error: null
};

enum UserActionTypes {
  FETCH_USERS = "FETCH_USERS",
  FETCH_USERS_SUCCESS = "FETCH_USERS",
  FETCH_USERS_ERROR = "FETCH_USERS",
}
interface FetchUserAction {
  type: UserActionTypes.FETCH_USERS;
}
interface FetchUserSuccessAction {
  type: UserActionTypes.FETCH_USERS_SUCCESS;
  payload: any[];
}
interface FetchUserErrorAction {
  type: UserActionTypes.FETCH_USERS_ERROR;
  payload: string;
}

type UserAction = FetchUserAction | FetchUserSuccessAction | FetchUserErrorAction;

export const userReducer = (
state = initialState, action: UserAction): UserState => {
  switch (action.type) {
    case UserActionTypes.FETCH_USERS:
      return { loading: true, users:[], error:null };
    case UserActionTypes.FETCH_USERS_SUCCESS:
      return { loading: false, users: action.payload, error:null };
    case UserActionTypes.FETCH_USERS_ERROR:
      return { loading: false, users:[], error: action.payload };
    default:
      return state;
  }
};

Битый час бьюсь(((( Не доходит в чём проблема
Делаю по курсу, всё как там... ошибок у автора нету..... у меня есть
Вот по этому курсу:
ТЫК
c 9 по 12 минуты этот участок кода в видео
Спасибо за ранее

Comments

[WbICHA]

Дык у FetchUserAction нету поля плейлоад, естественно будет ошибка.

[qfrontend]

Там 3 возможных типа
type UserAction = FetchUserAction | FetchUserSuccessAction | FetchUserErrorAction;
Делаю по курсу, всё как там... ошибок у автора нету..... у меня есть
Вот по этому курсу:
Тык
c 9 по 12 минуты этот участок кода в видео

[WbICHA]

qfrontend, да, не заметил, что благодаря энуму тип определится.
В общем, ошибку где-то допустил ты, я скопировал код автора с гитхаба и всё ок (как и должно быть).
https://www.typescriptlang.org/play?#code/KYDwDg9g...

Answer 1

[Дмитрий Беляев]

enum UserActionTypes {
  FETCH_USERS = "FETCH_USERS",
  FETCH_USERS_SUCCESS = "FETCH_USERS",
  FETCH_USERS_ERROR = "FETCH_USERS",
}

У Вас во всех вариантах один и тот же литеральный тип, надо так:

enum UserActionTypes {
  FETCH_USERS = 'FETCH_USERS',
  FETCH_USERS_SUCCESS = 'FETCH_USERS_SUCCESS',
  FETCH_USERS_ERROR = 'FETCH_USERS_ERROR',
}

Comments

[qfrontend]

Спасибо) Именно так))) Я уже вчера нашла ошибку ) К вечеру взгляд за мылился, внимательность упала..... вот и ни в какую не могла найти в чём дело)