Роутинг (react-router-dom)

Вложенный роутинг

 <Routes>
  <Route path='current' element={<Current />} />
  <Route path='day' element={<ToDay />} />
  <Route path='deployed' element={<Deployed />} />
 </Routes>

Через радио кнопки и handler Записываю value в state.

 <FormControl>
        <RadioGroup
          row
          value={moment}
          onChange={handleChange}
        >
          <FormControlLabel value="current" control={<Radio />} label="Current" />
          <FormControlLabel value="day" control={<Radio />} label="Day" />
          <FormControlLabel value="deployed" control={<Radio />} label="Deployed" />
        </RadioGroup>
      </FormControl>

По факту состояние = путь к странице

    const [moment, setMoment] = useState('current');
  const handleChange = e => setMoment(e.target.value);
  useEffect(() => {
    //
  }, [moment])

В чем собственно проблема

Если использую: - уходит в бесконечный рендер. А в useEffecte какие могут быть компоненты.