ЯсноПонятно24

Ошибка заключается в том, что вы передаете функцию handleCloseModal как аргумент для onClose, но не вызываете ее. Вместо этого вы передаете ссылку на функцию. Чтобы исправить это, вызовите функцию handleCloseModal внутри анонимной функции, передаваемой в onClose:

const navigate = useNavigate();
const handleCloseModal = () => {backgroundLocation && navigate(-1)};  
        <Route
          path='/ingredients/:id'
          element={
            <Modal title='Детали ингредиента' onClose={ () => { handleCloseModal() } }>
              <IngredientDetails />
            </Modal>
          }
        />

Теперь функция handleCloseModal будет вызываться при закрытии модального окна.