Error when calling throttle function from lodash inside MST flow

[midrizi]

Is this the proper way of using lodash throttle function?

https://www.typescriptlang.org/play?#code/JYWwDg9gTgLgBAbzjAFlCMYBsCmcC+cAZuiHAORYQAmAhgM4rkBQoksiMAnmDvQDTEqAd0IkIZciAgAjAB4BaejFowcCmFBw4WzZjjnt4AYwgA7ZXACq9HFADKMaDgCyNHFjgBeZDz7M4OAA6aWoPAApyGztHZ3IASgDgsHQwenCEJMCAV2BqAC5fXnoQ2i4ZHHDuYqDlKGAzAHN4-iT8RMCg2mMYYHN08PjvAD44DKzkNAxsHGoAMWyzY0LUdExccIYuJeJFnr6zQcQJwMCtGGyoMwp6WnBcFlOCDueXrv3+8PDbLCIhr1G4yetCIaigAGEtKocIUiCJwkQ9r1zAAqMZDTJPJ5cYAeahwH5EIKraa4eZ7QYTdpteKJIA

Argument of type '() => Generator<Promise<string> | undefined, void, any>' is not assignable to parameter of type '() => Generator<PromiseLike<any>, void, any>'.
  Call signature return types 'Generator<Promise<string> | undefined, void, any>' and 'Generator<PromiseLike<any>, void, any>' are incompatible.
    The types returned by 'next(...)' are incompatible between these types.
      Type 'IteratorResult<Promise<string> | undefined, void>' is not assignable to type 'IteratorResult<PromiseLike<any>, void>'.
        Type 'IteratorYieldResult<Promise<string> | undefined>' is not assignable to type 'IteratorResult<PromiseLike<any>, void>'.
          Type 'IteratorYieldResult<Promise<string> | undefined>' is not assignable to type 'IteratorYieldResult<PromiseLike<any>>'.
            Type 'Promise<string> | undefined' is not assignable to type 'PromiseLike<any>'.
              Type 'undefined' is not assignable to type 'PromiseLike<any>'.(2345)

[coolsoftwaretyler]

This looks like it might be the issue described in #1378, or related at least. I don't think it necessarily has to do with lodash, but rather with the TypeScript interaction with generators.

I was able to clear the error in your TS playground by changing your code to:

import { throttle } from 'lodash'
import {types, flow} from 'mobx-state-tree'


export const UserStoreModel = types
  .model('UserStore')
  .props({
    uid: types.maybe(types.string),
  })
  .actions(() => ({
    throttledFunc: throttle(async function() {
        return 'sample'
    })
  }))
  .actions((self) => ({
    afterCreate: flow(function* () {
        yield self.throttledFunc() as Promise<string>
    })
  }))

as any also works here, but is less correct, IMO.

Is that helpful for ya?