Children elements split up about react-awesome-reveal HOT 3 CLOSED

Hi @itayganor,

just wrap your 2 spans inside a React fragment:

<Fade className="hello">
  <React.Fragment>
      <span>hi</span>
      <span>there</span>
  </React.Fragment>
</Fade>

from react-awesome-reveal.

@morellodev

First, thank you for this awesome library. I'm very grateful.

Second, I had the same issue as above and was confused until finding this issue. (Unless I missed it) Might I suggest adding something to the documentation about this effect? Maybe something similar to this

Again, thank you for the work you've put into making this library. It's much appreciated.

from react-awesome-reveal.

Maybe Typescript can help protecting this, with an expectation to get a single ReactElement and not ReactElement[] or ReactNode.

If not, maybe a log message in the console when the component gets more than a single child.

from react-awesome-reveal.