How to repair a 'TS2769: No overload matches this call'
I also met this problem, but I asked my colleague and learned about the following solution:
redux-saga takes TakeableChannel<unknown>
. This is an action, so you declare type of loadIds's argument is shape of action like this:
function* loadIds({
forceReload
}: {
type: string;
forceReload: any; // your forceReload type
}) {
// your code
}
My colleague eventually taught me a workaround:
- Exclude the corresponding action, e.g.
takeEvery
from the originalimport
statement. - Import all action with
as Eff
whereEff
is an alias. - Define a new constant with the same name as the original action.
import { put, fork, select, call } from 'redux-saga/effects' // <-- modified
import * as Eff from 'redux-saga/effects' // <-- new
// ...
const takeEvery: any = Eff.takeEvery; // <-- new
const takeLatest: any = Eff.takeLatest; // <-- new
As far as I understand him, the idea is to explicity allow any
type.
Edit: I am aware that Facebook (as developer of React) does explicitly state that one should not use inheritance, see https://reactjs.org/docs/composition-vs-inheritance.html