Desative o link usando CSS
#element {
pointer-events: none;
cursor: unset
}
eseo space
#element {
pointer-events: none;
cursor: unset
}<style>
.isDisabled {
color: currentColor;
cursor: not-allowed;
opacity: 0.5;
text-decoration: none;
}
</style>
<a class="isDisabled" href="https://unfetteredthoughts.net">Disabled Link</a>a.isDisabled {
pointer-events: none;
}.isDisabled {
color: currentColor;
cursor: not-allowed;
opacity: 0.5;
text-decoration: none;
pointer-events: none;
}