Всем привет! Кто может подсказать, в чем моя ошибка ?

Девтулз выдает ошибку:
----------------------------------------------

TypeError: this.props.onSearchChange is not a function
SearchPanel.onSearchChange
D:/Training/Udemy/react-pro/udemy/src/components/seacrh-panel/seacrh-panel.jsx:12
9 | onSearchChange = (e) => {
10 | const term = e.target.value;
11 | this.setState({ term });
> 12 | this.props.onSearchChange(term);
| ^ 13 | };
14 |
15 | render() {

-----------------------------------------------

Код:

-----------------------------------------------

export default class SearchPanel extends Component {
state = {
term: ''
};

onSearchChange = (e) => {
const term = e.target.value;
this.setState({ term });
this.props.onSearchChange(term);
};

render() {
const searchStyle = {
fontSize: '18px',
fontWeight: '400',
color: 'grey'
};
const searchText = 'Введите заметку';

return (
<div className='row mb-3'>
<input
type="text"
style={searchStyle}
placeholder={searchText}
value={this.state.term}
onChange={this.onSearchChange}
/>
<ListFilter />
</div>
);
};
};

------------------------------------------------

Заранее благодарен!

Покажи, как рендеришь searchpanel

имеешь ввиду как вывожу компоненту в основной апп?