hover-example.js

import React from 'react'
import Animation from 'invision-helios/lib/Animation'

class Parent extends React.Component {
  state = {
    hovered: false
  }
  
  onHover = () => {
    this.setState({ hovered: !this.state.hover })
  }
  
  render() {
    return (
      <div onMouseEnter={this.onHover} onMouseLeave={this.onHover}>
        <Animation order={this.state.hovered ? 'fade-in-shrink' : 'fade-out-shrink'}>
          <div>i will be animated</div>
        </Animation>
      </div>
    )
  }  
}