este es mi componente de aplicación de reacción . Estoy observando la visualización del mensaje 'abra-ca-dabra' dos veces. ¿Por qué es dos veces y no una vez ? SEGÚN MÍ, ya que en useState ( función ) la función se llama una vez en la inicialización y nuevamente una vez por cada clic en mis botones de incremento/decremento; debería mostrar el mensaje 'abra-ca-dabra' una vez tanto para la carga inicial como para los clics posteriores en mis botones en lugar de dos veces... ESTOY MUY CONFUNDIDO CON RESPECTO A LA VISUALIZACIÓN DOS VECES DE MI MENSAJE...

 import React, {useState} from 'react' import logo from './logo.svg'; import './App.css'; import {Alert, Button} from 'react-bootstrap' function App() { const display = () => {console.log("abra-ca-dabra"); return 0} const[count, setCount] = useState(display()) const increment = () => setCount(count + 1) const decrement = () => setCount(count - 1) return ( <div className="App"> <Button variant="info" onClick={increment}>+</Button> <Alert>{count}</Alert> <Button variant='warning' onClick={decrement}>-</Button> </div> ); } export default App;