Cart.js 페이지 오류 props is not defined no-undef

세계최고로 쉬운 Redux 1 : props 싫으면 쓰세요 강의 들었습니다!

근데 오류가 뜹니다. 

Failed to compile
src/Cart.js
Line 21:19: 'props' is not defined no-undef
Line 22:19: 'props' is not defined no-undef

Search for the keywords to learn more about each error.

제가 강의 듣다가 어느 부분을 놓친 것 같은데 .. 

어디를 봐야할지 모르겠습니다. 아래에 코드 첨부 하겠습니다.

<em><strong><span style="color: #0000ff;">아래는 index.js파일 입니다</span></strong></em>

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';

import { BrowserRouter } from 'react-router-dom';
import {Provider} from 'react-redux';
import { createStore } from 'redux';

let store = createStore( ()=>{ return[{id:0, name:'멋진신발', quan:2 }] });

ReactDOM.render(
<React.StrictMode>
<BrowserRouter>
<Provider store={store}>
<App />
</Provider>
</BrowserRouter>
</React.StrictMode>,
document.getElementById('root')
);

reportWebVitals();

<span style="color: #3366ff;"><em><strong>그리고 아래는 Cart.js파일 입니다 </strong></em></span>

import React from 'react';
import { Table } from 'react-bootstrap';
import { connect } from 'react-redux';

function Cart(){
return(
<div>
<Table responsive>
<thead>
<tr>
<th>#</th>
<th>상품명</th>
<th>수량</th>
<th>변경</th>
 
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>{ props.state[0].name }</td>
<td>{ props.state[0].quan }</td>
 
</tr>
</tbody>
</Table>
</div>
)
}

function state를props화(state){
return{
state : state
}
}
export default connect(state를props화)(Cart)