Я хочу реализовать функционал шоб я был поиск ро названии.Но товары для этого я использую из API Также я использую в проекте React-Bootstrap

Я хочу реализовать функционал шоб я был поиск ро названии.Но товары для этого я использую из API Также я использую в проекте React-Bootstrap.Но постоянно выбивает ошибка.


import React from 'react';
import 'bootstrap/dist/css/bootstrap.min.css';
import { Component } from 'react';

import {Container,Row,Col,Navbar,Nav,Button,FormControl,Form} from 'react-bootstrap';

class Navibar extends Component {
constructor(props) {
super(props);
this.state = {
term: ''
}
}

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


<Navbar bg="light" expand="lg">
Alcohol shop List Product
  </Nav>
  <Form className="d-flex">
    <FormControl
      type="search"
      placeholder="Search"
      className="me-2"
      aria-label="Search"
      value ={this.state.term}
      onChange ={this.onUpdateSearch}
    />
    <Button variant="outline-success">Search</Button>
  </Form>
</Navbar.Collapse>
) } } export default Navibar;`