React Hook checkbox array example

const myComponent = () => {
    const [myData, setMyData] = useState([
        {
            checked: false,
            product_id: 1,
        },
        {
            checked: false,
            product_id: 2,
        }
    ])

    const handleCheck = (theIndex) => (checked) => {
        setMyData(myData.map((item,i) => {
            if(i === theIndex) {
                item.checked = checked
            }
            return item
        }))
    }

    return (
        <div>
            {myData.map((item,i) =>
                <div key={i}>
                    <input type="checkbox" checked={item.checked} value="1" onChange={(e) => handleCheck(i)}
                </div>
            )}
        </div>
    )
}