[Symbol.iterator], [Symbol.unscopables] missing

[skyien]

Question

• I've checked documentation and searched for existing issues
• I tried the spectrum channel

1. I have model "TaskModel" and export interface ITask extends Instance<typeof TaskModel> {}
2. Store tasks: types.optional(types.array(TaskModel), [])
3. Component UnassignedTasksContainer with props

export interface IUnassignedTasksContainerProps {
  tasks: Array<ITask>;
} 

4. <UnassignedTasksContainer tasks={store.tasks} />
   Type error: Type 'Pick<IMSTArray<IReferenceType<IModelType<ModelPropertiesDeclarationToProperties<{ id: ISimpleType; createdAt: IMaybeNull<IType<number | Date, number, Date>>; updatedAt: IMaybeNull<IType<number | Date, number, Date>>; startedAt: IMaybeNull<...>; ... 22 more ...; customer: IMaybeNull<...>; }>, { ...; }, Extrac...' is missing the following properties from type 'ITask[]': [Symbol.iterator], [Symbol.unscopables] TS2739

3.11.0 VERSION ONLY

[xaviergonz]

What typescript version?
What's your tsconfig.json like?

I just tried this and it is ok:

test("MST array type should be assignable to plain array", () => {
    const Todo = types.model({
        done: false,
        name: types.string
    }).actions(self => ({
        toggleDone() {
            self.done = !self.done;
        }
    }))
    const TodoArray = types.array(Todo)

    const todoArray = TodoArray.create([{done: true, name: "todo1"}, {name: "todo2"}]);
    unprotect(todoArray)
    const otherTodoArray: Array<Instance<typeof Todo>> = todoArray;
    otherTodoArray.push(cast({done: false, name: "todo2"}))
})

[jgarces-tw]

export const T = types
  .model({
    a1: types.optional(types.array(types.number), []) // if optional is removed then it works
  })
  .views(self => ({
    get a2(): Array<number> { // if array type casting is removed then it works
      return self.a1;
    },
  }));

[jgarces-tw]

tsconfig (ts 3.3.3333)

{
  "compilerOptions": {
    "outDir": "build/dist",
    "module": "esnext",
    "target": "es5",
    "lib": ["es2017", "dom"],
    "sourceMap": true,
    "allowJs": true,
    "jsx": "react",
    "moduleResolution": "node",
    "rootDir": "src",
    "forceConsistentCasingInFileNames": true,
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "noImplicitAny": true,
    "strict": true,
    "strictNullChecks": true,
    "suppressImplicitAnyIndexErrors": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "baseUrl": ".",
    "downlevelIteration": true
  },
  "include": ["src"]
}

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs or questions.