title: navigator.canShare() in typescript permissions denied
body: <p>I am building an Angular8 PWA and I was using the webshare to share text which works fine.
  Since May 2019, Chrome also supports 
  <a href="https://developers.google.com/web/updates/2019/05/web-share-files" rel="noreferrer">sharing of files</a></p>
  
  <p>However, trying to build the fileshare in Typescript I run into the following error:</p>
  
  <p><strong>NotAllowedError: Permission denied</strong></p>
  
  <pre><code>let navigator: any;
  navigator = window.navigator;
  const title = "myTitle";
  let data = {
    title: title,
    text: text,
    url: url,
    files: []
  };
  console.log(data);
  
  if (navigator.share) {
    fetch(url)
      .then(res =&gt; res.blob()) 
      .then(file =&gt; {
        const fileName = data.text + ".mp3";
        const options = { type: "audio/mp3" };
        const newFile = new File([file], fileName, options);
        data.files.push(newFile);
        console.log(data);
  //lastModified: 1564912016680
  //lastModifiedDate: Sun Aug 04 2019 11:46:56 GMT+0200 (Mitteleuropäische //Sommerzeit) {}
  //name: "myName.mp3"
  //size: 40643
  //type: "audio/mpeg"
  //webkitRelativePath: ""
        if (navigator.canShare(data)) {
          navigator
            .share(data)
            .then(() =&gt; {})
            .catch(err =&gt; {
              console.error("Unsuccessful share " + err.message); //here is am getting the Permissions denied error
            });
        }
      });
  </code></pre>
  
  <p>I am not sure if it is the way I am getting the file (which looks fine) or calling the canShare.
  I am using Chrome on my mobile phone. The following fiddle works fine with my phone, but you need to select a file. 
  <a href="https://jsfiddle.net/ericwilligers/8cpuskqd/" rel="noreferrer">https://jsfiddle.net/ericwilligers/8cpuskqd/</a></p>
  
  <p>My share function is on a button that basically holds the link of the file to share.</p>
  
  <p><strong>edit</strong></p>
  
  <p>If I change data.files from an array into an object, I get the following error message:</p>
  
  <p><strong>TypeError: Failed to execute 'canShare' on 'Navigator': Iterator getter is not callable.</strong></p>
  
  <p><strong>edit2</strong></p>
  
  <p>I created a codepen to reproduce the issue:</p>
  
  <p><a href="https://codepen.io/anon/pen/xvXvPZ" rel="noreferrer">https://codepen.io/anon/pen/xvXvPZ</a></p>