Como Atualizar um Objeto de Dentro de uma Lista no React

Apenas um exemplo de como atualizar um objeto de dentro de uma lista no React.

import { useState } from 'react'

const App = () => {
	const [lista, setLista] = useState([
		{ id: 1, descricao: 'A', selecionado: false },
		{ id: 2, descricao: 'B', selecionado: false },
		{ id: 3, descricao: 'C', selecionado: false },
		{ id: 4, descricao: 'D', selecionado: false }
	])
	
    const selecionarItem = (id) => {
    	const novaLista = lista.map(item => {
    		if (item.id === id) {
    			return {
    				...item,
    				selecionado: !item.selecionado,
    			}
    		}
    		return item
        })
        setLista(novaLista)
    }
    
    return (
    	<div>
    		{lista.map(item => (
    			<div key={item.id} onClick={() => selecionarItem(item.id)}
    				style={{ background: item.selecionado ? '#DD95A3' : '#ACDDDE' }}>
    				<p>{item.descricao}</p>
    			</div>
    		))}
    	</div>
    )
}

export default App