## Animated words are not working. Only **Hi** is showing animation plz help me I am stuck ``` import './index.scss'; const AnimatedLetters =({ letterClass, strArray, idx}) => { return ( { strArray.map((char, i) => ( {char} )) } ) } export default AnimatedLetters ``` ``` text-animate { display: inline-block; opacity: 0; animation: bounceIn 1s 1s ; animation-fill-mode: forwards; min-width: 10px; } @for $i from 1 through 35 { .text-animate._#{$i} { animation-delay: #{$i/10}s; } } ``` ``` import { useState } from 'react'; import { Link } from 'react-router-dom'; import Loader from 'react-loaders'; import LogoTitle from '../../assets/images/logo-s.png'; import AnimatedLetters from '../AnimatedLetters'; import './index.scss'; const Home = () => { const [letterClass, setLetterClass] = useState('text-animate') const nameArray = ['i','m','a','n','s','h','u'] const jobArray = ['w','e','b',' ','d','e','v','e','l','o','p','e','r','.'] return (

H i,
I 'm

Frontend Developer / Javascript Expert / Open-Source COntributor

CONTACT-ME

) } export default Home ```

H i, I 'm

Frontend Developer / Javascript Expert / Open-Source COntributor

H i,
I 'm

himanshuffgeek

Animated words are not working.

Join Our Newsletter. No Spam, Only the good stuff.