Ravenous Part 2 - TypeError: Cannot read property 'imageSrc' of undefined

Followed through the tutorial and get help video. None of the fixed worked. Tried using const { business } = this.props; as demonstrated in Get Help video (that didn’t work). Any help would be greatly appreciated.

App.js

import React from 'react';
import './App.css';
import BusinessList from '../Business/Business';
import SearchBar from '../SearchBar/SearchBar';

const business = {
  imageSrc: 'https://s3.amazonaws.com/codecademy-content/programs/react/ravenous/pizza.jpg',
  name: 'MarginOtto Pizzeria',
  address: '1010 Paddington Way',
  city: 'Flavortown',
  state: 'NY',
  zipCode: '10101',
  category: 'Italian',
  rating: 4.5,
  reviewCount: 90
};

const businesses = [
	business,
	business,
	business,
	business,
	business,
	business
];

class App extends React.Component {
  render() {
    return (
      <div className="App">
        <h1>ravenous</h1>
        <SearchBar />
        <BusinessList businesses={businesses} /> 
      </div>
    );
  }
}

export default App;

BusinessList.js

import React from 'react';
import './BusinessList.css';
import Business from '../Business/Business';

class BusinessList extends React.Component {
	render() {
		return (
			<div className="BusinessList">
				{
					this.props.businesses.map(business => {
						return <Business business={business} />
					})
				}
			</div>
		);
	}
};

export default BusinessList;

Business.js

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

class Business extends React.Component {
	render() {
		return (
			<div className="Business">
  				<div className="image-container">
    					<img src={this.props.business.imageSrc} alt={this.props.business.name}/>
  				</div>
  					<h2>MarginOtto Pizzeria</h2>
  				<div className="Business-information">
    				<div className="Business-address">
      					<p>{this.props.business.address}</p>
      					<p>{this.props.business.city}</p>
      					<p>{this.props.business.state} {this.props.business.zipCode}</p>
    				</div>
    				<div className="Business-reviews">
      					<h3>{this.props.business.category}</h3>
      					<h3 className="rating">4.5 stars}</h3>
      					<p>{this.props.business.reviews} reviews</p>
    				</div>
  				</div>
			</div>
		);
	}
};

export default Business;

Update

In my Business.js I removed business from {this.props.business.imageSrc}.

Before

<img src={this.props.business.imageSrc} alt={this.props.business.name}/>

After

<img src={this.props.imageSrc} alt={this.props.name}/>

My typeError is fixed however, dynamic data is not being pulled through. Just black bg for image and none of the values are displaying only the static ones. Screenshot below for reference: