Function ShowWhilePlaying

stories/demos/ShowWhilePlaying.js:7–22

()

import Button from '../helpers/Button';

const ShowWhilePlaying = () => {
  const [isPlaying, setIsPlaying] = React.useState(false);

  const [playBoop] = useSound(dunDunDunSfx, {
    onplay: () => setIsPlaying(true),
    onend: () => setIsPlaying(false),
  });

  return (
    <>
      <h2>Is playing: {isPlaying.toString()}</h2>
      <br />
      <Button onClick={playBoop}>Play sound</Button>
    </>
  );
};

export default ShowWhilePlaying;