Импорт компонента панели поиска с помощью props.navigation

Я пытаюсь импортировать компонент панели поиска в свои контейнеры, но функция onSearch не работает. Он возвращает ошибку «неопределенное не является объектом» (оценка «this.props.navigation.navigate»). Что мне не хватает?

В моем контейнере у меня есть:

import SearchBar from '../Components/SearchBar'

и внутри функции рендеринга у меня есть

<SearchBar />

В SearchBar.js:

  onSearch(terms) {
      console.log(terms);
      this.props.navigation.navigate('ProductsGrid', {searchTerms: terms})
  }

  render () {
    return (
      <View style={styles.container}>
        <TextInput
          ref='searchText'
          value={this.props.searchTerm}
          onSubmitEditing={(event) => this.onSearch(event.nativeEvent.text)}
          returnKeyType={'search'}
          autoCorrect={false}
        />
      </View>
    )
  }