reloadPlayer.jsx

function usePrevious(value) {
  const prevRef = useRef();
  useEffect(() => {
    prevRef.current = value;
  }, [value]);
  return prevRef.current;
}

function Player({ online, playbackStatus, reload }) {
  const prevOnline = usePrevious(online);
  const prevPlaybackStatus = usePrevious(playbackStatus);

  useEffect(() => {
    if (!prevOnline && online) {
      if (prevPlaybackStatus !== ERROR && playbackStatus === ERROR) {
        reload();
      }
    }
  });

  return <div className="App">👋</div>;
}