Invalid cast exception when used in Child Component about blazorcontextmenu

[stavroskasidis]

The context menu id must be unique in the DOM. If you want to render a context menu for each child, then each menu must have a different id. Alternatively, you could render the context menu somewhere else (it doesn't matter where it lives, it could live in App.razor for all it cares) and then each child only contains the trigger. Then you can pass different data to the menu to differentiate its items.

Example A: https://blazorrepl.com/repl/wlkSGWla35chNhov47

<Child Item="@("abc")"/>
<Child Item="@(123)"/>

@using BlazorContextMenu
@typeparam TItem
@code{
    private string menuId = "menuId_" + Guid.NewGuid().ToString("N");
}
<ContextMenu Id="@menuId">
    <Item>Hello</Item>
    @if (((TItem)context.Data) != null)  @*invalid cast exception here*@
    {
        <Item>@context.Data</Item>
    }
</ContextMenu>

<ContextMenuTrigger MenuId="@menuId" Data="Item">
    <p>Right-click on me to show the context menu !!</p>
</ContextMenuTrigger>

Example B: https://blazorrepl.com/repl/QPOyGClk38vtNQ6O38

<Child Item="@("abc")"/>
<Child Item="@(123)"/>

<ContextMenu Id="myMenu">
    <Item>Hello</Item>
    @if (context.Data != default) 
    {
        <Item>@context.Data</Item>
    }
</ContextMenu>

Child.razor

@using BlazorContextMenu
@typeparam TItem
<ContextMenuTrigger MenuId="myMenu" Data="Item">
    <p>Right-click on me to show the context menu !!</p>
</ContextMenuTrigger>