Child content of Draggable is not redrawing properly about blazor-dragdrop HOT 4 CLOSED

@page "/"

<div class="row">
    <div class="col">
        <Dropzone Class="row" Name="Column1">
            <MyComponent />
        </Dropzone>

    </div>
    <div class="col">
        <Dropzone Class="row" Name="Column2">
            <Card Title="Card">
                <a @onclick="Clicked">Click Me To Toggle State</a>

                @if (_toggle)
                {
                    <p class="text-danger">I have been toggled</p>
                }
                else
                {
                    <p class="text-primary">I have not yet been toggled</p>
                }
            </Card>
        </Dropzone>
    </div>
</div>
@code{
    bool _toggle = true;

    void Clicked()
    {
        _toggle = !_toggle;
    }
}

<Card Title="My Component">
    <a @onclick="Clicked">Click Me To Toggle State</a>

    @if (_toggle)
    {
        <p class="text-danger">I have been toggled</p>
    }
    else
    {
        <p class="text-primary">I have not yet been toggled</p>
    }
</Card>

@code {
    bool _toggle = true;

    void Clicked()
    {
        _toggle = !_toggle;
    }
}

<Draggable AllOtherAttributes="@_attributes" Name="@Title">
    <div class="card shadow mb-2">
        <div class="card-header">
            <h6 class="m-0 font-weight-bold @TitleColor">@Title</h6>
        </div>
        <div class="card-body">
            @ChildContent
        </div>
    </div>
</Draggable>
@code {
            [Parameter]
            public string TitleColor { get; set; } = "text-primary";
            [Parameter]
            public string Title { get; set; }

            [Parameter] public RenderFragment ChildContent { get; set; }

            Dictionary<string, object> _attributes => new Dictionary<string, object>() { { "class", "col-12 dashboard-card" } };
}