How to Create Image Magnifier in React JS

[@pranayaryal]

Thanks, really helpful.
To account for window scroll:
const x = ((e.pageX - left - window.scrollX) / width) * 100
const y = ((e.pageY - top - window.scrollY) / height) * 100
let cursorX = e.pageX - left - window.scrollX
let cursorY = e.pageY - top - window.scrollY
setPosition({ x, y })
setCursorPosition({ x: cursorX, y: cursorY })

[@realg701]

whoa, thanks.
how can i magnify even closer?

[@realg701]

great video really healpful, how can i magnify even closer?

[@muhammedakil1531]

thanks i tried this
😎it is working

[@Time-To-ProgramYT]

Great 👍