0

Что нужно сделать, что бы не было ругани на свойство? Вроде ж кагбэ такого быть не должно, но есть...

ESLint: Unsafe member access .response on an any value.(@typescript-eslint/no-unsafe-member-access)

введите сюда описание изображения

export const actionFetchDataUser = createAsyncThunk(
  'data/user',
  async (formVal: TformVal, { rejectWithValue }) => {
    try {
      const GoogleAuth = window.gapi.auth2.getAuthInstance();
      const profileMail = await GoogleAuth.signIn({
        scope: 'profile email',
      });
      const googleEmail = profileMail.getBasicProfile().getEmail();
      if (googleEmail !== formVal.email) {
        throw Error('There is NO email');
      }
      return {
        name: profileMail.getBasicProfile().getName(),
        ava: profileMail.getBasicProfile().getImageUrl(),
      };
    } catch (err) {
     // Here is problem
      if (!err.response) {
        throw err;
      }
      return rejectWithValue(err);
    }
  },
);
17
  • и какой текст ошибки?
    – qwabra
    6 янв 2021 в 13:34
  • в общем то это не важно, правильно будет так: if (err && 'response' in err) typescriptlang.org/play?#code/…
    – qwabra
    6 янв 2021 в 13:38
  • Так можно выйти из ситуации частично, потому что return rejectWithValue(err); здесь нужно пробросить ошибки в таком виде return rejectWithValue(err.response).Если пробросить все err, то в createSlice эти проблемы с типизацией будут преследовать 6 янв 2021 в 14:13
  • _____________чо?
    – qwabra
    6 янв 2021 в 14:15
  • ESLint: Unsafe member access .response on an any value.(@typescript-eslint/no-unsafe-member-access) 6 янв 2021 в 14:16

2 ответа 2

0

Если я правильно понимаю, линтер сигнализирует о том, что свойство response может отсутствовать в err. В таком случае можно использовать оператор опциональной последовательности. if (!err?.response) {. Если у err не будет свойства response, то вернётся undefined.

Второй вариант - расширить тип для err таким образом, чтобы он определял наличие свойства response.

1
  • Хорошо было бы второй вариант расписать. Это всё равно, что написать, ну надо что-то сделать с err и response. 7 янв 2021 в 15:24
0

Один хороший человек порекомендовал такой способ решения

catch (err) {
      const hasErrResponse = (err as { response: { [key: string]: string } }).response;
      if (!hasErrResponse) {
        throw err;
      }
      return rejectWithValue(hasErrResponse);
    }
2
  • ______избыточно
    – qwabra
    8 янв 2021 в 15:39
  • С использованием ts почти всегда код выглядит избыточно :D. Ну и как бы там ни было это рабочий вариант и пока единственный. Да и я написал так для наглядности, у себя сократил до const hasErrResponse = (err as TerrObjResponse).response; 8 янв 2021 в 16:52

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.