index.js

class IndexPage extends React.Component {
  componentDidMount() {
    lottie.loadAnimation({
      container: this._el,
      renderer: 'svg',
      animationData: animation,
    })
  }

  render() {
    return (
      <div>
        <p>
          <span
            style={{
              fontWeight: 'bold',
              color: 'purple',
              cursor: 'pointer',
            }}
            onClick={this._click}
          >
            Click me
          </span>
          {' to see miracle'}
        </p>
        <div
          id="animation"
          ref={el => (this._el = el)}
          style={{
            position: 'absolute',
            width: '100%',
            height: '100%',
            top: 0,
            left: 0,
          }}
        />
      </div>
    )
  }
}