Redux 5 : 장바구니 기능 만들기 숙제 & 응용문제 중 질문

안녕하세요 선생님 
실습 중에 궁금한 점이 있습니다.

 =======================
const shoesId = props.shoes;
const productInfo = shoesId.find((data) => data.id == paraId);
 =====// 중략  // =====
<div className="col-md-6">
            <h4 className="pt-5">{productInfo.tilte}</h4>
            <p>{productInfo.tilte}</p>
            <p>{productInfo.price}</p>
            <button
              className="btn btn-danger"
              onClick={() => {
                console.log(productInfo);
                dispatch(addItem(productInfo));
              }}
            >주문하기</button>
 =======================

console.log로 productInfo를 출력하면 
{id: 1, title: 'Red Knit', content: 'Born in Seoul', price: 110000}
로 나오는데요. 이를 그대로 addItem할 경우에는 제대로 데이터 내용이 추가되지 않는데요.

위 문제 현상 이유가 Detail.js에서 사용하는 
data 양식(id,title,content,price)과 
store양식(id,name,count)간 key 값이 달라서 그런거죠 ?

만약, 2개 (data <=> store)간 key 값의 양식이 달라서 그런거라면 
다른 부분의 object key 값을 맞추면 
" dispatch(addItem(productInfo)); "
요렇게 했을 때 업데이트에 문제가 없을지 궁금합니다.