Sample JavaScript code of React Transition Group's CSSTransition component

react-transition-group-css.js

const ExampleApp = () => {
  const [isVisible, setIsVisible] = useState(false);
  return (
    <div>
      <CSSTransition in={isVisible} timeout={300} classNames="sample">
        <div>
          Now you see me, next click, you don't
        </div>
      </CSSTransition>
      <button type="button" onClick={() => setIsVisible(!isVisible)}>
        Click to Show / Hide
      </button>
    </div>
  );
}