Property '' does not exist on type 'Object'. Observable subscribe : <p>I have just started with Angular2 and I've got an issue I cannot really understand.</p>

<p>I have some mock data created as such:</p>

<pre><code>export const WORKFLOW_DATA: Object =
{
    "testDataArray" : [
        { key: "1",              name: "Don Meow",   source: "cat1.png" },
        { key: "2", parent: "1", name: "Roquefort",    source: "cat2.png" },
        { key: "3", parent: "1", name: "Toulouse",   source: "cat3.png" },
        { key: "4", parent: "3", name: "Peppo", source: "cat4.png" },
        { key: "5", parent: "3", name: "Alonzo",     source: "cat5.png" },
        { key: "6", parent: "2", name: "Berlioz", source: "cat6.png" }
    ]
};
</code></pre>

<p>Which is then imported in a service and "observed"</p>

<pre><code>import { Injectable } from '@angular/core';

import { WORKFLOW_DATA } from './../mock-data/workflow'
import {Observable} from "rxjs";

@Injectable()
export class ApiService {

  constructor() { }

  getWorkflowForEditor(): Observable&lt;Object&gt;
  {
      return Observable.of( WORKFLOW_DATA );
  }

}
</code></pre>

<p>I then have a component which, in the constructor:</p>

<pre><code>constructor( private apiService: ApiService)
    {
        this.apiService.getWorkflowForEditor().subscribe( WORKFLOW_DATA =&gt; {
            console.log( WORKFLOW_DATA);
            console.log( WORKFLOW_DATA.testDataArray );
        } );
    }
</code></pre>

<p>The first console.log logs an Object of type Object which contains the testDataArray property.</p>

<p>The second console.log, results in an error at compile time:</p>

<pre><code>Property 'testDataArray' does not exist on type 'Object'.
</code></pre>

<p>While still logging an array of objects [Object, Object, ..] as intended.</p>

<p>I really do not understand why, I am sure I am doing something wrong, I would love an explanation.</p>

<p>Thank you for any help!</p>
