I am trying to create a React function Hover component (

CodePudding user response：

You are closing the WithHover tag the wrong way and see the error is displayed on the screen as well. It is clearly showing you the way to resolve this issue by pointing out the error due to which it is failing. As Dennis Vash has mentioned in his answer the tag should be closed like:

<WithHover>
  <Button>foo</Button>
</WithHover>