TypeError: действие не определено на моей панели поиска

Question

На этой неделе я пытался создать фильтр панели поиска, поэтому я создаю избыточный код, чтобы обработать изменение состояния входных значений на панели поиска. Когда я попытался начать с правильно подключенным редуксом, он дает мне «действие не определено», предполагая, что ошибка находится внутри моего редуктора панели поиска. Не могли бы вы, ребята, помочь мне решить эту проблему?

Вот моя панель поиска (вход и кнопка) и мой MapStateToProps

                <div className={classes.searchbar} id="searchbar">
                <form id="Searchbar">
                  <input 
                    type="text" 
                    class="parametro" 
                    id="parametro" 
                    onChange={(e) => Filter(e.target.value)}
                    value={value}
                   />

                    <Searchbar link={"/produtos?nome=" + value}>    
                        <button type="submit" >
                            Pesquisar!
                        </button>
                    </Searchbar>
                </form>
            </div>

const mapStateToProps = state => {
return {
    isAuthenticated: state.authRdc.token,
    value: state.searchbarRdc.searchbar
};

};

вот мой редуктор:

import * as actionTypes from 'store/actions/actionTypes';
import { updateObject } from 'utils/updater';

const initialState = {
    value: null,
    parametro: null
}

const Filter = (state, action) => {
    return updateObject(state, { value: action.searchbar });
}

const reducer = (state = initialState, action) => {

    switch (action.type) {
        case actionTypes.UPDATE_FILTER:
            return Filter(state, action);

        default:
            return state;
    }
}

export default reducer;

и мои действия:

import * as actionTypes from './actionTypes';

export const Filter = (value) => {
    return {
        type: actionTypes.UPDATE_FILTER,
        value: value
    }
}