¿Que es lo correcto? Darle a "ReactDOM.createPortal" un elemento, o un componente?

Me explico: el profesor tanto para ReactDOM.render como este caso menciona que le debes dar como parámetros lo siguiente:

ReactDOM.render(_que_, _donde_ );
...
ReactDOM.createPortal(_que_, _donde_ );

en ambos casos creó una referencia al componente, y le pasó esa referencia, por ejemplo:

const element = <h1>hello world</h1>;
const container = document.getElementById("app");

ReactDOM.render(element, container );

En mi humilde opinión, yo suelo pasarle directamente el componente. Esto es importante porque en el examen las respuestas correctas es cuando el parámetro es una variable de referencia, y cuando le pasas el componente es erróneo (segun el examen).

yo hago esto:

import App from './App";

const container = document.getElementById("app");

ReactDOM.render(App, container );

traigo mi componente principal, y se lo paso directamente. Incluso últimamente mi primer componente renderizado lo suelo construir como un “god class” (intento hacerlo pequeño) y ese mismo componente hace “reactDOM.render”.

aquí se hacen 2 archivos js, uno para el render, y otro para describir el primer componente renderizado que es el componente “god”, de donde se renderiza el resto de componentes de la app.

¿Que es más correcto? alguien debátame este dilema.