Error with SplitText MagicScroll example with react

[Nuzzler]

Hi !

 

I'm testing MagicScroll and i'm having an issue with an example( this link : https://github.com/bitworking/react-scrollmagic/blob/master/example/src/components/ScrollMagicExamples/SplitText.js)

 

I get following error : "Error: SplitChars only accepts a string as child."

 

The eroor occurs here :

   <SplitLetters>

            <span className='text'>AIIIGHT</span>

          </SplitLetters>

 

Why ? And what I must do to get only string because making a const x = "hello world"  and passing the string<SplitLetter> {x} </SplitLetters> isn't working :/

 

Thanks in advance for resolving my issue

[Cassie]

Heya, I've never seen react-gsap before I'm afraid

It's not a GSAP product - It looks like the docs are here, maybe they can help.

https://bitworking.github.io/react-gsap/src-components-split-words

I'd probably recommend trying out ScrollTrigger and SplitText without the abstraction.

[Nuzzler]

Hey ! Thanks for that ! I didn't know the doc for react gsap, i'll look it up and hope it wille fix my issues !

 !Thx a lot