'yield' expression implicitly results in an 'any' type because its containing generator lacks a return-type annotation

Question

The first snippet is the code im working with and below is the error it throws and it happens on every "yield select" portion that is in the code and im not sure what my next step is.

function* onLoadingDomainsresult() {
  const pathname = yield select(getPathname);

  interface Params {
    hastag: string;
  }

'yield' expression implicitly results in an 'any' type because its containing generator lacks a return-type annotation.  TS7057

    113 | 
    114 | function* onLoadingDomainsresult() {
  > 115 |   const pathname = yield select(getPathname);
        |                    ^
    116 | 
    117 |   interface Params {
    118 |     hastag: string;

Answer 1

The literal type of select(getPathname) doesn't relate to the value you get back from the yield. select(getPathname) is the value yielded by your co-routine to its iterating context.

The value injected into your generator by its running context (through the next() call) DOES matter to the type you get back from the yield expression.

Either way, currently Typescript has no metadata about what it's going to get at all, since your generator function has no type annotation.

I'm guessing this is redux-saga.

A typical Generator function type annotation is something like...

type WhatYouYield="foo"
type WhatYouReturn="bar"
type WhatYouAccept="baz"

function* myfun(): Generator<
  WhatYouYield,
  WhatYouReturn,
  WhatYouAccept
> {
const myYield = "foo" //type of myYield is WhatYouYield
const myAccepted = yield myYield; //type of myAccepted is WhatYouAccept
return "baz" //type of this value is WhatYouReturn 
}

...and the error you're getting is from Typescript having to guess the WhatYouAccept type without the Generator type annotation on your function.

Answer 2

I got same error and I solved it.

export interface ResponseGenerator{
    config?:any,
    data?:any,
    headers?:any,
    request?:any,
    status?:number,
    statusText?:string
}

const response:ResponseGenerator = yield YOUR_YIELD_FUNCTION
console.log(response.data)