O código apresenta erro na tag "img"

Por algum motivo não renderiza, o vscode apresenta um "erro" na tag img. Segue código:

<script type="text/babel">
    function Titulo() {
        return(
            <h1 className= "form__titulo">Login</h1>
        )
    }

    function Subtitulo() {
        return(
            <h2 className= "form__texto">Boas-vindas! Faça seu login.</h2>
        )
    }

    // Criando um card
    function PaginaDeLogin() {
        return(
            <div className="container-login">
                <img src="./img/imagem-login.png" alt="Um mulher negra usando oculos e mexendo no computador, tambem tem um logo">
                <section>
                    <form>
                        <Titulo />
                        <Subtitulo />
                    </form>
                </section>
            </div>
        )
    }

    ReactDOM.createRoot(document.getElementById('root')).render(<PaginaDeLogin />)
</script>