React useEffect hook is causing infinite loop

Question

I have an useState hook on my component, it looks like this:

const [scoutMode, setScoutMode] = useState("camp");
const [bottomLinks, setBottomLinks]