Mobx-state-tree: how to rename AnonymousModel to the store name

Question

i am using mobx-state-tree and i would like to actually show the store name when an error appears instead of AnonymousModel.

For example:

const SignupModel = types
  .model({
    isUsingFacebook: false,
    birthday: '',
    timeOfBirth: types.maybeNull(types.string),
    placeOfBirth: types.maybeNull(types.string),
    gender: types.maybeNull(types.string),
    password: '',
  })

Still gives me an error like

Error while converting {...} to AnonymousModel.

But i would like to get

Error while converting {...} to SignupModel.

Answer 1

Simply pass a desired name as a first argument to model method, like so:

const SignupModel = types
  .model('SignupModel', {
    isUsingFacebook: false,
    birthday: '',
    timeOfBirth: types.maybeNull(types.string),
    placeOfBirth: types.maybeNull(types.string),
    gender: types.maybeNull(types.string),
    password: '',
  })