未捕获的不变违反：目标容器不是DOM元素。我也在视图文件中添加了

Question

我有React代码，其中包含一个基本按钮。我想在laravel's刀片文件中显示它。所以我做了以下事情：

文件：dashboard.js

import React, { Component } from 'react';
class Dashboard extends Component {
    render() {
        return(
            <div>
                <button type = "button" onClick = {this.SigninWithGoogle}>Sigin With google</button>
            </div>
        )
    }
}
export default Dashboard;

if (document.getElementById('Dashboard')) {
    ReactDOM.render(<Dashboard />, document.getElementById('Dashboard'));
}

和我的刀片文件：

@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">{{ __('Register') }}</div>

                <div class="card-body">

                        <div class = "Register" id = "Dashboard">
                        </div>
                        <script type = "text/javascript" src = "js/App.js"></script>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

我能够在查看页面中查看按钮，但是在控制台中出现以下错误。

  

未捕获的不变变量：目标容器不是DOM元素。

请有人告诉我这段代码有什么问题吗？