Ravenous project part 4 - I can't solve this :'(

I’ve finished the Ravenous project but I have an error. When I try to search anything appears: “TypeError: this.props.searchYelpd is not a function”.
The error is at line 48 in “searchBar.js” file, but I can’t find theway to solve the problem.
Any idea? Help Please!

Here is SearchBar.js

import React from 'react';
import './SearchBar.css';


class SearchBar extends React.Component {
    constructor(props) {
        super(props);

        this.state = {
            term: '',
            location: '',
            sortBy: 'best_match'
        };

        this.handleTermChange = this.handleTermChange.bind(this);
        this.handleLocationChange = this.handleLocationChange.bind(this);
        this.handleSearch = this.handleSearch.bind(this);
        this.handleSortByChange = this.handleSortByChange.bind(this);

        this.sortByOptions = {
            'Best Match': 'best_match',
            'Highest Rated': 'rating',
            'Most Reviewed': 'review_count'
          };
    }

getsortByClass(sortByOption) {
    if (this.state.sortBy === sortByOption) {
        return 'active';
    } 
    return '';
}

handleSortByChange(sortByOption) {
    this.setState({sortBy: sortByOption});
  }

handleTermChange(event) {
  this.setState({term: event.target.value});
}  

handleLocationChange(event) {
  this.setState({location: event.target.value});
  event.preventDefault();
}

handleSearch(event) {
  this.props.searchYelp(this.state.term, this.state.location, this.state.sortBy);

  event.preventDefault();
}

renderSortByOptions() {
    return Object.keys(this.sortByOptions).map(sortByOption => {
      let sortByOptionValue = this.sortByOptions[sortByOption];
      return (<li className={this.getsortByClass(sortByOptionValue)}
                  key={sortByOptionValue} 
                  onClick={this.handleSortByChange.bind(this, sortByOptionValue)} >
                    {sortByOption}
                    </li>);
    });
  }


  render() {
    return (
      <div className="SearchBar">
        <div className="SearchBar-sort-options">
          <ul>
            {this.renderSortByOptions()}
          </ul>
        </div>
        <div className="SearchBar-fields">
          <input placeholder="Search Businesses" onChange={this.handleTermChange} />
          <input placeholder="Where?" onChange={this.handleLocationChange} />
        </div>
        <div className="SearchBar-submit">
          <a onClick={this.handleSearch}>Let's Go</a>
        </div>
      </div>
    );
  }
}

export default SearchBar;

Yelp.js

import React from 'react';
import './SearchBar.css';


class SearchBar extends React.Component {
    constructor(props) {
        super(props);

        this.state = {
            term: '',
            location: '',
            sortBy: 'best_match'
        };

        this.handleTermChange = this.handleTermChange.bind(this);
        this.handleLocationChange = this.handleLocationChange.bind(this);
        this.handleSearch = this.handleSearch.bind(this);
        this.handleSortByChange = this.handleSortByChange.bind(this);

        this.sortByOptions = {
            'Best Match': 'best_match',
            'Highest Rated': 'rating',
            'Most Reviewed': 'review_count'
          };
    }

getsortByClass(sortByOption) {
    if (this.state.sortBy === sortByOption) {
        return 'active';
    } 
    return '';
}

handleSortByChange(sortByOption) {
    this.setState({sortBy: sortByOption});
  }

handleTermChange(event) {
  this.setState({term: event.target.value});
}  

handleLocationChange(event) {
  this.setState({location: event.target.value});
  event.preventDefault();
}

handleSearch(event) {
  this.props.searchYelp(this.state.term, this.state.location, this.state.sortBy);

  event.preventDefault();
}

renderSortByOptions() {
    return Object.keys(this.sortByOptions).map(sortByOption => {
      let sortByOptionValue = this.sortByOptions[sortByOption];
      return (<li className={this.getsortByClass(sortByOptionValue)}
                  key={sortByOptionValue} 
                  onClick={this.handleSortByChange.bind(this, sortByOptionValue)} >
                    {sortByOption}
                    </li>);
    });
  }


  render() {
    return (
      <div className="SearchBar">
        <div className="SearchBar-sort-options">
          <ul>
            {this.renderSortByOptions()}
          </ul>
        </div>
        <div className="SearchBar-fields">
          <input placeholder="Search Businesses" onChange={this.handleTermChange} />
          <input placeholder="Where?" onChange={this.handleLocationChange} />
        </div>
        <div className="SearchBar-submit">
          <a onClick={this.handleSearch}>Let's Go</a>
        </div>
      </div>
    );
  }
}

export default SearchBar;

App.js

import React from 'react';
import './App.css';

import BusinessList from '../BusinessList/BusinessList';
import SearchBar from '../SearchBar/SearchBar';

import Yelp from '../../util/Yelp';

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      businesses: [],
    };

    this.searchYelp.bind(this);
  }
  
  searchYelp(term, location, sortBy) {
    Yelp.ssearch(term, location, sortBy).then((businesses) => {
      this.setState({ businesses: businesses });
    });
  }
  render() {
    return (
      <div className="App">
        <h1>ravenous</h1>
        <SearchBar SearchYelp={this.searchYelp} />
        <BusinessList businesses={this.state.businesses} />
      </div>
    );
  }
}

export default App;