javascript – Renderização condicional em um unico component de um map

to com um probleminha aqui, to fzd um map de uns dados e queria por uma renderização condicional em cada, quando fosse apertado o botão de delete ou edit, porém quando clico no botão de um item do map ele renderiza para

Eu gostaria de apertar em um botão de um item especifico do map que eu gostaria de excluir, e assim seria renderizada uma div com um frase um botão de confirmação para ai sim o item ser deletado, porém quando clico no botão de um item que desejo remover do map, a renderização de confirmação aparece para todos os itens.

        {dados.map(dados => (
      <ReportContent key={dados.id}>
        <div className="launchContent">
          <div>
            <p>Empresa: {dados.empresa_nome}</p>
            <p>Valor: {dados.valor}</p>
            <p>Tipo de pagamento: {dados.tipoPagamento_descricao}</p>
          </div>
          <div className="content_bttn">
            <div>
              <button onClick={() => (handleOpenNewLaunchModal(dados.id))}>
                <AiFillEdit />
              </button>
              <p>Editar</p>
            </div>
            <div >
              <button onClick={() => (openDeleteLaunch(dados.id))}>
                <AiFillDelete />
              </button>
              <p>Deletar</p>
            </div>
          </div>
        </div>
        {deleteLaunchContent && (
          <div className="deleteContent">
            <h3>
              Você deseja excluir essa venda de passagem ?
            </h3>
            <div>
              <button className="btnDeleteYes">
                Sim
              </button>
            </div>
          </div>
        )}
      </ReportContent>

    ))}