const Tweet = ({ tweet, checkedList, setCheckedList }) => { const [isChecked, setChecked] = useState(false); useEffect(() => { checkedList === [] && setChecked(false); }, [checkedList, isChecked]); return ( <div className="tweet"> <h3>Name : {tweet.name} </h3> <p>{tweet.tweet}</p> <input type="checkbox" checked={isChecked} onChange={() => { setChecked(!isChecked); checkedList.find((e) => e === tweet.id) === undefined ? setCheckedList([...checkedList, tweet.id]) : setCheckedList(checkedList.filter((e) => e !== tweet.id)); }} /> </div> ); };

Tengo un componente de tweet que tiene su propio estado. Hay una lista externa marcada que es básicamente una matriz de ID de tweets verificados. Pero una vez que restablecí la checkedList = [] , estoy tratando de restablecer los tweets verificados por useEffect. Pero no puedo hacerlo. Quiero que todos los estados de los tweets estén desmarcados. Qué estoy haciendo mal ?