Mouse follower cursor appear on Mobile and Tablet Device

[manashjyotix]

When I use mouse follower it's working fine on desktop but when I double press on mobile and tablet device it shows the mouse cursor dot. It's annoying. I tried everything I can do but didn't work and I also tried the 2 method.

1st one : if (window.matchMedia('(pointer:fine)').matches) {
const cursor = new MouseFollower();
}

2nd one : .mf-cursor {
@media screen and (max-width: 769px) {
display: none;
}
}

Please help me to fix this issue, thank you

[VladLujerdeanu]

I followed this medium article and it seems to work fine.
The solution:

.mf-cursor {
  ...
  @media (hover: hover) {
    display: block;
  }

  @media (hover: none) {
    display: none;
  }
 ...