TypeError: todo is not iterable
TodoListItem
C:/Users/user/Desktop/test-react/src/components/TodoListItem.js:11
8 | import './TodoListItem.scss';
9 |
10 | const TodoListItem = ({ todo }) => {
> 11 | const [text, checked] = todo;
12 |
13 | return (
14 | <div className="TodoListItem">

아래는 컴포넌트전체부분임


import React from 'react';
import {
  MdCheckBoxOutlineBlank, // 체크가 표시되지않은 네모박스 아이콘
  MdCheckBox, // 할일이 완료되었을때만 체크상태를 보여주는 아이콘
  MdRemoveCircleOutline,
} from 'react-icons/md';
import cn from 'classnames';
import './TodoListItem.scss';

const TodoListItem = ({ todo }) => {
  const [text, checked] = todo;

  return (
    <div className="TodoListItem">
      <div className={cn('checkbox', { checked })}>
        {checked ? <MdCheckBox /> : <MdCheckBoxOutlineBlank />}
        <div className="text">{text}</div>
      </div>
      <div className="remove">
        <MdRemoveCircleOutline />
      </div>
    </div>
  );
};

export default TodoListItem;