Freecodecamp: [Beta] Más información sobre las etiquetas JSX de cierre automático

Nombre del desafío

Más información sobre las etiquetas JSX de cierre automático

descripcion del problema

Se eliminaron los comentarios y se cerraron las etiquetas (se perdió la etiqueta br en el primer intento falló y luego se corrigió) y luego falló el intento, pero luego el elemento se representó en la página.

El error fue de: El elemento JSX proporcionado debería mostrarse tal cual en el nodo DOM con la identificación del nodo de desafío.
El elemento se procesó en la vista previa al recibir este error.
Parece que no se está representando con la identificación del nodo de desafío, sino con la identificación de la raíz.

Código agregado: ReactDOM.render(JSX, document.getElementById('challenge-node'));
Las pruebas pasaron y ahora se muestra dos veces en la vista previa.

El desafío dice:

Corrija los errores en el editor de código para que sea JSX válido y se transpile correctamente. Asegúrese de no cambiar nada del contenido; solo necesita cerrar las etiquetas donde sea necesario.

No menciona la necesidad de adjuntarlo al DOM y parece indicar que solo necesita ajustar el salto de línea y la línea horizontal.

Solución:
Necesita agregar instrucciones para renderizar en el DOM y eliminar la vista previa actual.
O necesita ajustar la vista previa para que esté fuera del nodo de desafío en lugar de la identificación de la raíz.
O hay otra solución en la que actualmente no puedo pensar.

Tu codigo

Failed:
const JSX = (
  <div>
    <h2>Welcome to React!</h2><br />
    <p>Be sure to close all tags!</p>
    <hr />
  </div>
);

Passed: 
const JSX = (
  <div>
    <h2>Welcome to React!</h2><br />
    <p>Be sure to close all tags!</p>
    <hr />
  </div>
);
ReactDOM.render(JSX, document.getElementById('challenge-node'));