React v17.0.1 - How can an animation be triggered when a div comes into viewport?

Question

I am working on a web-app which I\'m building by using React.js. I want to trigger an animation when the div comes into the viewport. Currently, I am able to run the animations