Questão 1885550

Considerando a renderização do componente do trecho de código abaixo:

-import ( useState, useEffect } from "react";

-const EfeitoColateral =()=>{

--const [count, setCount] = useState(O);

--const [info, setlnfo] = useState([]);

--useEffect(() => {

---setlnfo((old) => [...old, "A"]);

--}, [ ]);

--useEffect(() => {

---if (count > 0) {

----setlnfo((old) => [...old, "B"]);

---}

--j , [count]);

--return (

---<div>

----{count} <br />

----<button id="mais" onClick={() => { setCount((old) => ++old) }}> +

-</button>

----<pre>{info.map((item) => item + " ")}</pre>

---</div>

--);

-}/

-export default EfeitoColateral;

Quando o usuário clicar 3 vezes no botão #mais, a informação apresentada, como conteúdo da tag ..., será: