title: importing object and using it in an Array will make the first item undefined?
body: <p>I have a few files that I'm importing to construct an object:</p>
  
  <pre><code>// otis.ts
  export const otisHeadline = 'Realizing the office of the future for UTC';
  export const otisPreview = toCloudinaryUrl('otisPreview1.png');
  export const otisClientName = 'Otis';
  export const otisClientUrl = 'otis';
  
  export const otisPreviewItem: PreviewTileProps = {
    headlineText: otisHeadline,
    client: otisClientName,
    clientUrl: otisClientUrl,
    backgroundImage: {
      desktop: otisPreview,
    },
  };
  </code></pre>
  
  <p>and</p>
  
  <pre><code>// sm.ts
  const smHeadline = 'Connecting an enterprise brand to a consumer audience';
  const smClientName = 'SM';
  const smClientUrl = 's-m';
  const smPreview = toCloudinaryUrl('smPreview.png');
  
  export const smPreviewItem: PreviewTileProps = {
    headlineText: smHeadline,
    client: smClientName,
    clientUrl: smClientUrl,
    backgroundImage: {
      desktop: smPreview,
    },
  };
  </code></pre>
  
  <p>and then I'm import both <code>otisPreviewItem</code> and <code>smPreviewItem</code> into the main file here:</p>
  
  <pre><code>// ss.ts
  import { otisPreviewItem } from './otis';
  import { smPreviewItem } from './s-m';
  
  export const module8: Preview = {
    tiles: [otisPreviewItem, smPreviewItem]
  }
  </code></pre>
  
  <p>however when rendering, there's an error:</p>
  
  <pre><code>TypeError: Cannot read property 'clientUrl' of undefined
  </code></pre>
  
  <p>so for my debugging process, I did <code>console.log(module8)</code> and the output is this:</p>
  
  <pre><code>{ tiles: 
     [ undefined,
       { headlineText: 'Connecting an enterprise brand to a consumer audience',
         client: 'SM',
         clientUrl: 's-m',
         backgroundImage: [Object] } ] }
  </code></pre>
  
  <p>The types are these: </p>
  
  <pre><code>export interface PreviewTileProps {
    headlineText: string;
    client: string;
    clientUrl: string;
    backgroundImage: {
      desktop: string;
      mobile?: string;
    };
    overlay?: string;
  }
  
  export interface Preview {
    tiles: PreviewTileProps[];
  }
  </code></pre>
  
  <p>Theoretically this should work... but I have no idea why the first item in <code>tiles</code> is always undefined. If I hardcode this object into <code>module8</code>, it'll work, but importing it seems like it doesn't...</p>
  
  <p>This happens for any object I try to import and place in here. not just <code>otisPreviewItem</code></p>
  
  <p>Am I missing anything here?</p>