问Typerror: object不是函数，或者它的返回值在react 16.13.1中不可迭代

EN

export default function TourData(props) {
  const [collapsed, setCollapsed] = useState();
  const withinDatacollapse = props.tourWithin.slice(1);
  const withinDatashow = props.tourWithin.slice(0, 1);

  function handleViewAll() {
    setCollapsed(!collapsed);
  }

  function Object(props) {
    return (
      <div>
        {props.data &&
          props.data.map((item, index) => (
            <div key={index} className="within">
              <div
                className="image"
                style={{ background: `url(${item.image})` }}
              >
                <div className="destination">{item.country}</div>
              </div>
              <div className="options">
                <div>
                  <h5>Options</h5>
                  <div className="user-select">
                    <Select
                      options={item.options}
                      placeholder={<h4>Select Option</h4>}
                    />
                  </div>
                </div>
              </div>
              <div className="date-select">
                <div className="user-select">
                  <Select
                    options={item.date_options}
                    placeholder={<h4>Select Date</h4>}
                  />
                </div>
              </div>
              <div>
                <button>Go!</button>
              </div>
            </div>
          ))}
      </div>
    );
  }
  return (
    <div className="route">
      <div className="list-box">
        <Object data={withinDatashow} />
        <Collapse in={collapsed}>
          <Object data={withinDatacollapse} />
        </Collapse>
        <div className="bottom-view-section">
          <button onClick={handleViewAll}>View All</button>
        </div>
      </div>
    </div>
  );
}