有没有React Transition Group的SwitchTransition组件的工作示例？

import React, { useState } from 'react';
import { SwitchTransition, CSSTransition } from 'react-transition-group';

const App = () => {
  const [show, setShow] = useState(false);

  const toggleShow = () => {
    setShow(!show);
  };

  return (
    <div>
      <button onClick={toggleShow}>Toggle</button>
      <SwitchTransition mode="out-in">
        <CSSTransition
          key={show ? 'component1' : 'component2'}
          classNames="fade"
          timeout={300}
        >
          {show ? <Component1 /> : <Component2 />}
        </CSSTransition>
      </SwitchTransition>
    </div>
  );
};

const Component1 = () => {
  return <div className="component1">Component 1</div>;
};

const Component2 = () => {
  return <div className="component2">Component 2</div>;
};

export default App;