Problem Statement:

I'm unable to specify type for the yield call(). The yield is calling an API that fetches some data from server. The of data type is ServerResponse. What I want to do is specify type as follows:

const response: ServerResponse = yield serverCall();

But I Typescript throws this error: Redux Saga: Type 'unknown' is not assignable to type 'ServerResponse'.

Code:

function* serverSaga(): Generator {
  try {
    // TS throws error here;
    const response: ServerResponse = yield serverCall();
    ...
    ...
  } catch (err) {
    ...
  }
}

const serverCall = async (): Promise<ServerResponse> => {
  try {
    const response =  await ...
    return response;
  } catch (err) {
    ...
  }
};

Problem Statement:

I'm unable to specify type for the yield call(). The yield is calling an API that fetches some data from server. The of data type is ServerResponse. What I want to do is specify type as follows:

const response: ServerResponse = yield serverCall();

But I Typescript throws this error: Redux Saga: Type 'unknown' is not assignable to type 'ServerResponse'.

Code:

function* serverSaga(): Generator {
  try {
    // TS throws error here;
    const response: ServerResponse = yield serverCall();
    ...
    ...
  } catch (err) {
    ...
  }
}

const serverCall = async (): Promise<ServerResponse> => {
  try {
    const response =  await ...
    return response;
  } catch (err) {
    ...
  }
};

• javascript
• reactjs
• typescript
• react-redux
• redux-saga

• Generator is a generic. You should be writing something like serverSage(): Generator<some, cool, types>{}. I forget which parameter is which. – zero298 Commented Jul 13, 2020 at 15:32
• @zero298 would great if you can let me know about params