Wrong usage of useEffect in custom hook docs

The Building Your Own Hooks page suggests invoking the useEffect hook without passing in an empty dependency array

function useFriendStatus(friendID) {
  const [isOnline, setIsOnline] = useState(null);

  useEffect(() => {
    function handleStatusChange(status) {
      setIsOnline(status.isOnline);
    }

    ChatAPI.subscribeToFriendStatus(friendID, handleStatusChange);
    return () => {
      ChatAPI.unsubscribeFromFriendStatus(friendID, handleStatusChange);
    };
  });

  return isOnline;
}

As there is no dependency array passed to useEffect, this would cause multiple multiple un/subscribe API calls. Shouldn't the example snippet have an empty dependency array?

先查看連結的 Building Your Own Hooks 頁面，以及 issue 中顯示的 useEffect 範例。根據文件所述的 hook 行為確認相依陣列指南，然後在需要時更新範例，使其 subscription 生命週期正確，且頁面不再暗示會重複建立 subscription。