I have written some code to copy a hyperlink to the clipboard in HTLM format, however it's giving me an error.

  copyLink() {
    let theInput = "<a href='www.google.com'>This is a test</a>";
    let item: ClipboardItem = new ClipboardItem({'text/html': theInput});
    let clipboard: any = navigator.clipboard;
    clipboard.write([item]);
  }

When the code is ran I get this:

Can anyone explain why?

I'm using an older version of angular with an older version of typescript so I had to add these interface definitions to the top of my file to get it to compile.

interface ClipboardItem {
  readonly types: string[];
  readonly presentationStyle: "unspecified" | "inline" | "attachment";
  getType(): Promise<Blob>;
}

interface ClipboardItemData {
  [mimeType: string]: Blob | string | Promise<Blob | string>;
}

declare var ClipboardItem: {
  prototype: ClipboardItem;
  new (itemData: ClipboardItemData): ClipboardItem;
};