I am some experienced .Net developer but new in reactJS guys.. Now, I have a react app that needs to be used with finger (touch like cursor) in desktop. So, I need to convert classic mouse to touch screen cursor like in Chrome Dev Tools Mobile scrolling. The user should be able to scroll the content clicking on it and drag down or up, righth or left to scroll. Google Chrome Dev Tool Mobile cursor sample Image1 or Google Chrome Dev Tool Mobile cursor sample Image
I check these solutions :
https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events
https://www.html5rocks.com/en/mobile/touchandmouse/
https://prototypr.io/post/cross-device-inputs-design-for-touch-vs-mouse/
But none of them provides a clear solution to apply to a react page.
Note:Main point is how to make desktop cursor act like mobile cursor.