Estoy haciendo el tutorial de React Basics, pero el HTML no representará el componente de reacción básico. Estoy usando express con pug pero el componente React no mostrará el contenido que le asigné.

He usado react.development.js, react-dom.development.js y babel.min.js de unpkg localmente en mi etiqueta de cabeza. El código parece estar escrito correctamente, incluido el uso de doctype html, html. en el archivo pug para cargarlo como HTML.

Cuando cambio el contenido del div que estoy tratando de manipular, obtengo el resultado HTML deseado.

¿Puede verificar si algo está mal o cómo puedo solucionar este problema?

doctype html
html.
    {amp}lt;head{amp}gt;
        {amp}lt;meta charset="utf-8" /{amp}gt;

        {amp}lt;script scr="/javascripts/react.development.js"{amp}gt;{amp}lt;/script{amp}gt;
        {amp}lt;script src="/javascripts/react-dom.development.js"{amp}gt;{amp}lt;/script{amp}gt;
        {amp}lt;script src="/javascripts/babel.min.js"{amp}gt;{amp}lt;/script{amp}gt;

        {amp}lt;title{amp}gt;Sample Web App{amp}lt;/title{amp}gt;

    {amp}lt;/head{amp}gt;
        {amp}lt;body{amp}gt;
            {amp}lt;div id="app"{amp}gt;{amp}lt;/div{amp}gt;
            {amp}lt;script type="text/babel"{amp}gt;

                class Hello extends React.Component {
                    render() {
                        return {amp}lt;h1{amp}gt;Hello!{amp}lt;/h1{amp}gt;;
                    }
                }

                ReactDOM.render({amp}lt;Hello /{amp}gt;, document.getElementById("app"));
            {amp}lt;/script{amp}gt;

        {amp}lt;/body{amp}gt;