src/components/Task.tsx

import React from 'react';

const Task = ({task}) => {
 return (
    <li className="flex">
      <input type="checkbox" />
      {task}
    </li>
 );
};

export default Task;