Why is this update causing a duplicate Actor sheet to be opened?

<i class="fas fa-lock" on:click="{toggleLock}" />

<i class="fas fa-lock" on:click="{toggleLock}" />

  function toggleLock() {
    $doc.update(
      {
        ["system.inventoryLocked"]: !$doc.system.inventoryLocked,
      },
      {
        diff: true,
        diffData: true,
        diffSystem: true,
        render: false,
      }
    );
  }

  function toggleLock() {
    $doc.update(
      {
        ["system.inventoryLocked"]: !$doc.system.inventoryLocked,
      },
      {
        diff: true,
        diffData: true,
        diffSystem: true,
        render: false,
      }
    );
  }