HTML5 Audio pool exhausted, returning potentially locked audio object. Is this because of this library or not?

[Aryan570]

I'm using the NextJs for my Project, and I wanted to have a toggle-play pause button. But I'm getting this error in console.log

• The AudioContext was not allowed to start. It must be resumed after a user gesture on the page.

• This one is the main problem -HTML5 Audio pool is exhausted, returning potentially locked audio object .this message keeps on repeating in the console. Maybe it's a problem with my coding, but could you help? My Component code -

  
  import { useEffect } from 'react';
  import { useGlobalAudioPlayer } from 'react-use-audio-player';
  const MyComponent = () => {
  const {play, pause, playing ,load,stop} = useGlobalAudioPlayer();
  useEffect(() => {
  load('/Hope.mp3', {
    autoplay: true,
    html5:true,
    format: 'mp3'
  });
  return () => {
    stop();
  };
  })
  
  const handlePlayPause = () => {
  console.log("clicked");
  if (playing) {
      pause()
  } else {
      play()
  }
  }
  // This sound file may not work due to cross-origin setting
  
  return (
  <div className='right-7 bottom-7 fixed z-50'>
  <button
      className={`md:w-12 md:h-12 w-9 h-9 shadow-xl border-2 border-gray-100 flex items-center justify-center rounded-full hover:bg-gray-100 hover:text-gray-800 focus:outline-none ${
        playing ? 'bg-white text-black' : 'bg-white text-black'
      }`}
      onClick={ handlePlayPause}
    >
      {playing ? (
        <svg className="w-6 h-6" viewBox="0 0 24 24" fill="currentColor">
          <path d="M6 19h4V5H6v14zm8 0h4V5h-4v14z" />
        </svg>
      ) : (
        <svg className="w-6 h-6" viewBox="0 0 24 24" fill="currentColor">
          <path d="M8 5v14l11-7z" />
        </svg>
      )}
    </button>
    </div>
  );
  };

export default MyComponent;

**Expected behavior**
It should toggle play and pause.

If this is not because of the library . I'm so sorry for creating this issue. 
![image](https://github.com/E-Kuerschner/useAudioPlayer/assets/91080682/6fe49a5a-f143-48fc-ad03-8ca9714afcd2)

[Aryan570]

Nothing wrong with the library , i had to just put load in the dependency in useeffect.