makeObservable and Typescript protected and private methods and properties

[ivandotv]

I have protected methods, and I need to make them in to actions however, the typescript complains that they don't exist.
The code looks like this:

    makeObservable(this, {
      play: action,
      stop: action,
      pause: action,
      resume: action,
      // @ts-ignore - protected methods
      disposePlayer: action,
      initPlayer: action
    })

[mweststrate]

See docs, a generic arg with private keys can be passed in Op di 6 okt. 2020 23:34 schreef Ivan V. <notifications@github.com>:

…

I have protected methods, and I need to make them in to actions however, the typescript complains that they don't exist. The code looks like this: makeObservable(this, { play: action, stop: action, pause: action, resume: action, // @ts-ignore - protected methods disposePlayer: action, initPlayer: action }) — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#2490>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAN4NBF5B77RAZ5EHYC4I33SJOLQXANCNFSM4SGUBZ4Q> .

[kubk]

I've searched for words 'private' and 'protected' on this page but found nothing: https://mobx.js.org/observable-state.html#makeobservable

[mweststrate]

Correct. Will update

[kamavingah]

Is there no other way of doing this?

Gets kind of annoying when there are more than 2 or 3 private variables/methods.

[kubk]

@PhillipWinder either use makeAutoObservable instead of makeObservable or use functions instead of classes:

export const createTestStore = () => {
  // non-observable
  const privateVar = ...
  const privateFunction = ...

  // observable
  return makeAutoObservable({
     ...
  })
}

[joswarmer]

Took me some time to understand what MyStore was on https://mobx.js.org/observable-state.html#makeobservable but that seems to be the current class.