UsingHoverStateWithChildren.js

import React from "react";
import HoverState from "./HoverState";

export default class RenderProps extends React.Component {
  render() {
    return (
      <HoverState>
        {isHover => {
          if (isHover) {
            return <button>🦁</button>;
          }

          return <button>🦄</button>;
        }}
      </HoverState>
    );
  }
}