I noticed that code in the alignment details widget (plugins/alignments/src/AlignmentsFeatureDetail/SuppAlignmentsLocStrings.tsx) had links with mouseover where the cursor did not use the pointer style, which turns out to be due to missing href prop on the Link element. For Link elements without a true href (e.g. they are more link link buttons), we can use href="#" and then event.preventDefault in the handler.
The alternative is not having any href and then using the makeStyles to restore the cursor:pointer style, but i think the href="#" is a bit more idiomatic. Just gotta remember to event.preventDefault in those cases.
I noticed that code in the alignment details widget (plugins/alignments/src/AlignmentsFeatureDetail/SuppAlignmentsLocStrings.tsx) had links with mouseover where the cursor did not use the pointer style, which turns out to be due to missing href prop on the Link element. For Link elements without a true href (e.g. they are more link link buttons), we can use href="#" and then event.preventDefault in the handler.
The alternative is not having any href and then using the makeStyles to restore the cursor:pointer style, but i think the href="#" is a bit more idiomatic. Just gotta remember to event.preventDefault in those cases.