Creé un componente simple y lo representé en el componente <App> , es decir, el componente principal.
En la consola veo, "Dentro del componente simple" dos veces.

//Aplicación.js

 import SimpleComponent from "./SimpleComponent"; export default function App() { return <SimpleComponent />; }

// ComponenteSimple.js

 function SimpleComponent() { console.log("Inside simple component"); return <div>Hello world</div>; } export default SimpleComponent;

¿Por qué se renderiza dos veces?

CodeSandbox para el código anterior.