title: eslint error Unsafe member access ['content-type'] on an any value
body: <p>The following eslint errors are generated by the code below :</p>
  <blockquote>
  <p>@typescript-eslint/no-unsafe-member-access: Unsafe member access ['content-type'] on an any value.</p>
  </blockquote>
  <pre class="lang-js prettyprint-override"><code>export const getGraphPhoto = async () =&gt; {
    try {
      const response = await getGraphDetails(
        config.resources.msGraphPhoto.uri,
        config.resources.msGraphPhoto.scopes,
        { responseType: 'arraybuffer' }
      )
      if (!(response &amp;&amp; response.data)) {
        return ''
      }
      const imageBase64 = new Buffer(response.data, 'binary').toString('base64')
      return `data:${response.headers['content-type']};base64, ${imageBase64}`
    } catch (error) {
      throw new Error(`Failed retrieving the graph photo: ${error as string}`)
    }
  }
  </code></pre>
  <p>The promise <code>getGraphDetails</code> returns <code>Promise&lt;AxiosResponse&lt;any&gt;&gt;</code></p>
  <p>The issue is clearly that the property <code>response.headers['content-type']</code> might not be present on the <code>response</code> object. To fix this I tried checking for it first but that doesn't get rid of the warning:</p>
  <pre class="lang-js prettyprint-override"><code>    if (
        !(response &amp;&amp; response.data &amp;&amp; response.headers &amp;&amp; response.headers['content-type'])
      ) { return '' }
  </code></pre>
  <p>Thank you for any guidance you can give me to better understand and solve this issue.</p>
  <p><a href="https://i.stack.imgur.com/lJO8T.png" rel="noreferrer"><img src="https://i.stack.imgur.com/lJO8T.png" alt="enter image description here" /></a></p>