shorthand ".." import on mobx-state-tree model definition file is causing cryptic error

[silencer07]

Steps to reproduce:

1. create an app using cli
2. ignite generate model foo
3. try to include using this syntax

   
   import {FooModel} from ".."

export const RootStoreModel = types.model("RootStore").props({ user: types.maybeNull(FooModel) })

4. see this error on log
`Error: [mobx-state-tree] expected mobx-state-tree `type` as argument 1, got undefined instead`

How i fixed it:
1. created index.ts file in foo folder inside models
2. add this code export * from "./foo"
3. change the import to

`import {FooModel} from "../foo"`

I wasted 2 hours of debugging and pulling my hair. only to realize this.

[silencer07]

solutions:

1. we put the said index file and autoimport it in root-store during model generation
2. remove the models/index.ts file
3. I dont know if there is a babel config to automatically convert .. to "../foo/foo" during compilation? maybe this is better?

[carlosa54]

I had the same issue on my end when running yarn test. I ended up changing the '../' imports

[ekzotech]

Thank you for solution! I wasted 5 hours trying to implement new store. Fixed with index.ts file. So isn't it should be done when running "ignite generate model"? According to the link in the README when model is generated there should be also index.ts