анимация не работает - React-Awesome-React

Question

Я хочу использовать в моем проекте машинописного текста react-awesome-раскрытие, но анимация, похоже, не работает. Однако это работает, когда я использую реакцию-раскрытие. Пожалуйста, посоветуйте, что мне не хватает.

import React, { Component } from "react";
import { render } from "react-dom";
import Hello from "./Hello";
import { Fade } from "react-awesome-reveal";
import ReactRevealFade from "react-reveal/Fade";
import "./style.css";

class App extends Component {
  constructor() {
    super();
    this.state = {
      name: "React"
    };
  }

  render() {
    return (
      <div>
        <Fade>
          <Hello name={this.state.name} />
        </Fade>
        <ReactRevealFade left>
          <Hello name={this.state.name} />
        </ReactRevealFade>
        <p>Start editing to see some magic happen :)</p>
      </div>
    );
  }
}

render(<App />, document.getElementById("root"));

Код Stackblitz: Ссылка

Любая помощь приветствуется.

Answer 1

Можно исправить, поместив компонент в div.