Передача функций обратного вызова дочерним компонентам не является ошибкой функции

Question

Я получаю ошибку _videos.filteredVideo) is not a function, когда пытаюсь отправить действие из дочернего компонента. Как я могу передать action своему дочернему компоненту?

У меня есть этот компонент контейнера:

class SearchScreen extends React.Component {

  filterVideo = payload => {
    filteredVideo(payload);
  };
  render() {
    return (
      <View style={styles.container}>
        <Search {...this.props} filterVideo={this.filterVideo} />
      </View>
    );
  }
}

const mapDispatchToProps = dispatch => ({
  filteredVideo: () => dispatch(filteredVideo())
});

const mapStateToProps = state => {
  return {
    videos: state.videos
  };
};
export default connect(
  mapStateToProps,
  mapDispatchToProps
)(SearchScreen);

Дочерний компонент:

  filteredVideo = filteredData => {
        const { filterVideo } = this.props;

        filterVideo(filteredData); //_videos.filteredVideo) is not a function
    };

    filterList = event => {
        let videos = this.state.initialVideos;

        let {
            nativeEvent: { text }
        } = event;
        let filteredData = videos.filter(item =>
            item.title.toLowerCase().includes(text.toLowerCase())
        );

        this.filteredVideo(filteredData);
    };