Как исправить ошибку TS2769 и почему она возникает?

Question

Тарас

redux , typescript , react

Как исправить ошибку TS2769 и почему она возникает?

Как исправить ошибку, возникающую при использовании TypeScript в редукторе React, связанную с несоответствием типов аргументов функций диспетчеризации (dispatch) и получения состояния (getState), используемых в redux-thunk?

11 августа 2024 г. 18:43

Ответы на вопрос 2

Похожие вопросы

Answer 1

Ошибка TS2769 возникает из-за того, что TypeScript не может достоверно определить типы аргументов функций диспетчеризации и получения состояния в редукторе React, если они используются совместно с redux-thunk. Это может быть вызвано, например, неправильным определением типов аргументов функции диспетчеризации или получения состояния.

Для исправления этой ошибки, необходимо явно указать типы аргументов функций диспетчеризации и получения состояния в редукторе React. Вот пример правильного определения типов аргументов:

```typescript
import { Dispatch, ThunkDispatch } from 'redux';
import { RootState } from 'path-to-root-state'; // подставьте свой путь к корневому состоянию

const myThunkAction = () => {
  return async (dispatch: ThunkDispatch<RootState, void, Action>, getState: () => RootState) => {
    // ваша логика
  };
};
```

Здесь мы явно указываем тип `ThunkDispatch<RootState, void, Action>` для аргумента `dispatch` и тип `() => RootState` для аргумента `getState`. При этом тип `RootState` должен соответствовать вашему корневому состоянию приложения.

После правильного определения типов аргументов, ошибка TS2769 должна быть устранена.

Answer 2

Функции setFrame, isCreateBlankFalse и т.д. возвращают объект, у которого поле type имеет тип string 
 
 задай им явно возвращаемое значение, по идее должно попустить 
 export const setFrame = (titlle: string): setFrameActionType => ({ type: 'SETFRAME', payload: { titlle } });
 
 
 -- 
 ну и лучше называть типы с большой буквы, так исторически сложилось.