Custom hook example has missing dependency

Regarding 'Building Your Own Hook' page (github link).

Small but critical mistake in custom hook example for function useFriendStatus(). It needs a dependency. I.E.
Change line 91 by inserting , [friendID].

Without the dependency this appears to be 'magic'. I found I had to add a dependency when writing my learning hook, otherwise my counter just spins indefinitely.

Example
Custom hook:

function useCounter(targetId: string) {
    const [counter, setCounter] = useState(0);
    
    useEffect(() => {
        setCounter(counter+1);
    }, [targetId]);
    
    return counter;
}

Client code:

interface MainProps {
    counterTargetId: string;
}

export default function MainPage(props: MainProps = {
    counterTargetId: 'a',
}) {

    const currentCount = useCounter(props.counterTargetId);
    
    return (<div>
        <p>
            Count: {currentCount}
        </p>
    </div>);
}

function App() {
    const [targetId, setTargetId] = useState('a');
  return (
    <div className="App">
        <input
            type="button"
            value="Toggle"
            onClick={() => setTargetId(targetId === 'a' ? 'b' : 'a')}/>

        <MainPage counterTargetId={targetId}/>
    </div>
  )
}

Open content/docs/hooks-custom.md and inspect the useFriendStatus() example around line 91. Update the example's dependency list as described, then verify the documentation renders correctly and that the example shows the intended dependency.