React: функция получает предыдущие значение

На данный момент имею следующий код:

History.js

const DisplayMsisdn = useSelector(state => state.repos.DisplayMsisdn);
const DisplayService = useSelector(state => state.repos.DisplayService);
const DisplayCurrent = useSelector(state => state.repos.DisplayCurrent);
console.log("State", DisplayService, DisplayMsisdn)

const Filter = () => {
    console.log("Filter", DisplayService)
    dispatch(getNumberNistory(DisplayCurrent, DisplayMsisdn, DisplayService))
};

Функция Filter вызывается через контекст из соседнего компонента где находится селекты(элементы для фильтрации)

DisplayFilter.js

        <div className='row-input'>
            <APISelect 
                value={DisplayService}
                api={'services'}
                label={'service_name'}
                onChange={val => {dispatch(ApplyService(val))
                                  Filter()}}
                prompt={'Select service...'}
            />
        </div>

данные из селектов сохраняю Redux, сейчас столкнулся с проблемой при вызове функции Filter в консоль выводится предыдущие значений из селекта, просьба подсказать, как исправить подобное поведение?