로컬 스토리지 장바구니 추가

놀랍게도 <Nav.Brand> 라는 부트스트랩 컴포넌트가 로컬스토리지를 초기화 하고 있었네요.
<Nav.Link> 로 바꾸니 로컬스토리지가 잘 동작합니다!

그런데 상품 2개를 담아 2개 모두의 개수를 늘린 뒤 2번째 상품 개수를 줄여 없애고
1번째 상품 개수를 조작할려고 하면
[{"_id":0,"id":0,"name":"This is my seat","quan":3},null]
이렇게 없던 null 값이 생기고, 화면은 하얀 빈 화면으로 바뀌며 
브라우저 콘솔에서 TypeError: null is not an object (evaluating 'a.id') / Cart.js: 29 이런 에러가 뜹니다.

Cart.js 의 29번 째 줄의 a.id는 img src 코드인데 아마도 있던 a.id 가 null 값이 되자 에러가 난 것 같습니다.
왜 없던 null 값이 갑자기 생겨서 화면이 하얗게 변할까요?
{
 cartStateArray[0] === null ? null : cartStateArray.map((a,i)=> 
<tr key={i}>
 <td>{}</td> 
 <td>{ a.name }</td>
 <td>{ a.quan }</td>
 <td><button className="buttonOrange" role="button" onClick={
 ()=>{dispatch(addCount(a.id))}}>+1</button>
 <button className="buttonGreen" role="button" onClick={
 ()=>{dispatch(subCount(a.id))}}>-1</button>
 </td>
 </tr>
 )
}

제가 store.js 에서 delete 함수를 썼을 때 저렇게 null 값이 남아서
그 바로 아래에 (윗 댓글에 코드 있습니다)
delete(state[found]);
state = state.filter((a,i) => a != null);
이렇게 제거를 했는데도 불구하고 다시 없던 null 값이 생기고야 맙니다ㅠㅠ

addCount 는 addItem 이 보낸 state, 즉 {_id: 찾은상품._id, id: 찾은상품.id, name: 찾은상품.title, quan: 1}이런 게 있어야만 
카트에서 버튼을 눌러 쓸 수 있는 거라서 카트에 없을 때는 아예 쓸 수 없지 않나요?
그래서 예외처리를 어떻게 해야 하는지 우선 잘 이해가 되지 않습니다ㅠㅠ

아래는 Detail.js 에서의 addItem() 입니다.

<button
className = "buttonGreen"
style={{width:'85px'}}
onClick={() => {
dispatch(
addItem({_id: 찾은상품._id, id: 찾은상품.id, name: 찾은상품.title, quan: 1})
);
navigate("/cart");
console.log(state);
}}
>
장바구니
</button>

그리고 이게 delete 함수를 사용하면 홈버튼 눌러서 똑같은 상품이나 다른 상품을 추가해도 
store.js 의 a.id 가 undefined 라면서 
TypeError: undefined is not an object (evaluating 'a.id') 라고 뜹니다.
여기서 delete 를 사용한 것이 에러의 근원일까요?

------------혼자 얼렁뚱땅 답을 찾았습니다ㅠㅠ -----------
아아.. delete 가 근원이었습니다..
state.pop(state[found]); 으로 바꾸니 잘 되네요.
그리고 말씀하신 예외 처리라는 게 이렇게 해봤는데 맞는 걸까요?

addItem(state, action) {
let found = state.findIndex((a)=>{return a.id === action.payload})
if (state[found]){
 state[found].quan++;
 } else {
 state.push(action.payload);
 }
 localStorage.removeItem('cartState');
 localStorage.setItem('cartState', JSON.stringify(state))
 },
addCount(state, action) {
let found = state.findIndex((a)=>{return a.id === action.payload});
if (state[found]){
 state[found].quan++;
 }
 localStorage.removeItem('cartState');
 localStorage.setItem('cartState', JSON.stringify(state))
 },
subCount(state, action) {
let found = state.findIndex((a)=>{return a.id === action.payload})
if (state[found].quan > 1) {
 state[found].quan--;
 } else if (state[found].quan <= 1) {
 state.pop(state[found]);
 }
 localStorage.removeItem('cartState');
 localStorage.setItem('cartState', JSON.stringify(state))
 }

그렇군요..! 이번에도 친절한 답변 정말 감사합니다!