wavesurfer.React에서 js 사용

import { render } from "react-dom";
import WaveSurfer from 'wavesurfer.js';
import { useRef, useEffect } from "react";

export default function App() {
  const waveformRef = useRef(null);

  useEffect(() => {
    // wavesurfer.jsがオーディオファイルをコントロールするためのオブジェクトを作成
    // waveformRef.currentに入れる
    waveformRef.current = WaveSurfer.create({
      container: waveformRef.current,
    });
    waveformRef.current.load('assets/test.wav');
  }, []);

　　　　// 再生、停止用の関数
  function handlePlayPause() {
    waveformRef.current.playPause();
  }

  return (
    <>
      <div ref={waveformRef}></div>
      <div id="control">
        <button onClick={handlePlayPause}>Play/Pause</button>
      </div>
    </>
  );
}