реагировать редукса Объект не является функцией

Question

Я пытаюсь выучить избыточность и пока все идет гладко после того, как я узнал, как работают mapStateToProps и mapDispatchToProps, но у меня возникает проблема, которую я не понимаю.

до того, как я установил соединение, все работало, но после того, как я попытался соединитьсяфункция с диспетчеризацией показывает

Объект (...) не является функцией

function PlaneList(props, fakedata) {

  const addPlane = (e) => {
    if (e.target.checked) {
      props.AddSignedPlane(e.target.id)
    }
  }
  return (
    <Table className={props.tableNoPadding}>
      <TableHead className={props.tableBackground}>
        <TableRow>
          <StyledTableCell>
            <Checkbox disabled />
          </StyledTableCell>
          <StyledTableCell>Plane ID</StyledTableCell>
          <StyledTableCell>Wings </StyledTableCell>
        </TableRow>
      </TableHead>
    </Table>
  );
}

const mapDispatchToProps = dispatch => {
  return {
    AddSignedPlanes: plane=> dispatch(AddSignedPlanes(plane))
  }
}

export default connect(null ,mapDispatchToProps)(PlaneList)

*, прежде чем я просто экспортировал его как функцию экспорта по умолчанию PlaneList и всесработало *

ошибка в моей приборной панели:

<div>{PlaneList(classes, fakeData)}</div>

РЕДАКТИРОВАТЬ: Я импортирую это так на приборную панель:

import PlaneList from "./PlaneList";

и мою приборную панель в целом:

class Dashboard extends Component {

render(){
  return(
  <main>
    .....
    <div>{PlaneList(classes, fakeData)}</div>
   </main>
  )
 }
}