Animation Logic

[shivanshiv]

File: ApplyButton.tsx

• What's happening: The animation code runs directly in the component body. Every time React renders this component, it tries to start the animation again.
• The issue: Think about what exactly happens when React re-renders. Does it happen just once? What if it happens 100 times per second?
• Your job: What React hook exists specifically for "running code at specific moments" instead of on every render? Look at the React docs for this hook. How can you make the animation only start when inView changes? This will help us with performance issues