Error: System.InvalidOperationException: More than one sibling of component 'Radzen.Blazor.Rendering.Path' has the same key value #788

Closed
opened 2026-01-29 17:43:19 +00:00 by claunia · 3 comments
Owner

Originally created by @h2002d on GitHub (Mar 29, 2023).

Hey Radzen Team,
starting yesterday we are facing this issue while using Radzencharts. There was no updates made to the project during that time.

blazor.server.js:1 [2023-03-29T15:15:03.089Z] Error: System.InvalidOperationException: More than one sibling of component 'Radzen.Blazor.Rendering.Path' has the same key value, 'M 602.7802419354839 78 A 0 0 0 0 1 602.7802419354839 78 L 608.4548891129033 78 A 0 0 0 0 1 608.4548891129033 78 L 608.4548891129033 78 L 602.7802419354839 78 Z'. Key values must be unique. at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.ThrowExceptionForDuplicateKey(Object key, RenderTreeFrame& frame) at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.BuildKeyToInfoLookup(DiffContext diffContext, Int32 oldStartIndex, Int32 oldEndIndexExcl, Int32 newStartIndex, Int32 newEndIndexExcl) at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.AppendDiffEntriesForRange(DiffContext& diffContext, Int32 oldStartIndex, Int32 oldEndIndexExcl, Int32 newStartIndex, Int32 newEndIndexExcl) at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.AppendDiffEntriesForFramesWithSameSequence(DiffContext& diffContext, Int32 oldFrameIndex, Int32 newFrameIndex) at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.AppendDiffEntriesForRange(DiffContext& diffContext, Int32 oldStartIndex, Int32 oldEndIndexExcl, Int32 newStartIndex, Int32 newEndIndexExcl) at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.AppendDiffEntriesForFramesWithSameSequence(DiffContext& diffContext, Int32 oldFrameIndex, Int32 newFrameIndex) at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.AppendDiffEntriesForRange(DiffContext& diffContext, Int32 oldStartIndex, Int32 oldEndIndexExcl, Int32 newStartIndex, Int32 newEndIndexExcl) at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.AppendDiffEntriesForFramesWithSameSequence(DiffContext& diffContext, Int32 oldFrameIndex, Int32 newFrameIndex) at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.AppendDiffEntriesForRange(DiffContext& diffContext, Int32 oldStartIndex, Int32 oldEndIndexExcl, Int32 newStartIndex, Int32 newEndIndexExcl) at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.AppendDiffEntriesForFramesWithSameSequence(DiffContext& diffContext, Int32 oldFrameIndex, Int32 newFrameIndex) at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.AppendDiffEntriesForRange(DiffContext& diffContext, Int32 oldStartIndex, Int32 oldEndIndexExcl, Int32 newStartIndex, Int32 newEndIndexExcl) at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.AppendDiffEntriesForFramesWithSameSequence(DiffContext& diffContext, Int32 oldFrameIndex, Int32 newFrameIndex) at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.AppendDiffEntriesForRange(DiffContext& diffContext, Int32 oldStartIndex, Int32 oldEndIndexExcl, Int32 newStartIndex, Int32 newEndIndexExcl) at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.ComputeDiff(Renderer renderer, RenderBatchBuilder batchBuilder, Int32 componentId, ArrayRange1 oldTree, ArrayRange1 newTree) at Microsoft.AspNetCore.Components.Rendering.ComponentState.RenderIntoBatch(RenderBatchBuilder batchBuilder, RenderFragment renderFragment, Exception& renderFragmentException) at Microsoft.AspNetCore.Components.RenderTree.Renderer.ProcessRenderQueue()
image

Originally created by @h2002d on GitHub (Mar 29, 2023). Hey Radzen Team, starting yesterday we are facing this issue while using Radzencharts. There was no updates made to the project during that time. `blazor.server.js:1 [2023-03-29T15:15:03.089Z] Error: System.InvalidOperationException: More than one sibling of component 'Radzen.Blazor.Rendering.Path' has the same key value, 'M 602.7802419354839 78 A 0 0 0 0 1 602.7802419354839 78 L 608.4548891129033 78 A 0 0 0 0 1 608.4548891129033 78 L 608.4548891129033 78 L 602.7802419354839 78 Z'. Key values must be unique. at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.ThrowExceptionForDuplicateKey(Object key, RenderTreeFrame& frame) at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.BuildKeyToInfoLookup(DiffContext diffContext, Int32 oldStartIndex, Int32 oldEndIndexExcl, Int32 newStartIndex, Int32 newEndIndexExcl) at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.AppendDiffEntriesForRange(DiffContext& diffContext, Int32 oldStartIndex, Int32 oldEndIndexExcl, Int32 newStartIndex, Int32 newEndIndexExcl) at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.AppendDiffEntriesForFramesWithSameSequence(DiffContext& diffContext, Int32 oldFrameIndex, Int32 newFrameIndex) at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.AppendDiffEntriesForRange(DiffContext& diffContext, Int32 oldStartIndex, Int32 oldEndIndexExcl, Int32 newStartIndex, Int32 newEndIndexExcl) at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.AppendDiffEntriesForFramesWithSameSequence(DiffContext& diffContext, Int32 oldFrameIndex, Int32 newFrameIndex) at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.AppendDiffEntriesForRange(DiffContext& diffContext, Int32 oldStartIndex, Int32 oldEndIndexExcl, Int32 newStartIndex, Int32 newEndIndexExcl) at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.AppendDiffEntriesForFramesWithSameSequence(DiffContext& diffContext, Int32 oldFrameIndex, Int32 newFrameIndex) at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.AppendDiffEntriesForRange(DiffContext& diffContext, Int32 oldStartIndex, Int32 oldEndIndexExcl, Int32 newStartIndex, Int32 newEndIndexExcl) at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.AppendDiffEntriesForFramesWithSameSequence(DiffContext& diffContext, Int32 oldFrameIndex, Int32 newFrameIndex) at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.AppendDiffEntriesForRange(DiffContext& diffContext, Int32 oldStartIndex, Int32 oldEndIndexExcl, Int32 newStartIndex, Int32 newEndIndexExcl) at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.AppendDiffEntriesForFramesWithSameSequence(DiffContext& diffContext, Int32 oldFrameIndex, Int32 newFrameIndex) at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.AppendDiffEntriesForRange(DiffContext& diffContext, Int32 oldStartIndex, Int32 oldEndIndexExcl, Int32 newStartIndex, Int32 newEndIndexExcl) at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.ComputeDiff(Renderer renderer, RenderBatchBuilder batchBuilder, Int32 componentId, ArrayRange`1 oldTree, ArrayRange`1 newTree) at Microsoft.AspNetCore.Components.Rendering.ComponentState.RenderIntoBatch(RenderBatchBuilder batchBuilder, RenderFragment renderFragment, Exception& renderFragmentException) at Microsoft.AspNetCore.Components.RenderTree.Renderer.ProcessRenderQueue()` ![image](https://user-images.githubusercontent.com/11536972/228589903-53190895-ae80-4c55-a833-e928ac04286d.png)
Author
Owner

@akorchev commented on GitHub (Mar 29, 2023):

Hi @h2002d,

We will need a reproduction of the issue - a runnable code snippet. You can use our online demos as a basis.

@akorchev commented on GitHub (Mar 29, 2023): Hi @h2002d, We will need a reproduction of the issue - a runnable code snippet. You can use our online demos as a basis.
Author
Owner

@h2002d commented on GitHub (Mar 29, 2023):

Hi @akorchev ,
thanks for the quick reply, here is the code snippet that we are using

<RadzenChart @ref="@shipmentsThisMonthMini">
                                <RadzenChartTooltipOptions Style=""></RadzenChartTooltipOptions>

                                <RadzenColumnSeries Data="@shipmentsThisMonthByDays" CategoryProperty="Quarter" ValueProperty="Revenue" Title="This month" Fill="#0078D4" Stroke="#0078D4" StrokeWidth="2" Visible="true">
                                    <TooltipTemplate Context="item">
                                        <div class="flex-col">
                                            <div><b>Date:</b> @DateTime.Parse(item.Quarter).Date.ToString("ddd"),  @DateTime.Parse(item.Quarter).Date.ToString("MMM") @DateTime.Parse(item.Quarter).Day</div>
                                            <div><b>This month:</b> @(item.Revenue > 1000000 ? $"{Math.Round((decimal)item.Revenue / 1000000, 2)}M" : $"{Math.Round((decimal)item.Revenue / 1000, 2)}K") BBLS</div>
                                        </div>
                                    </TooltipTemplate>
                                </RadzenColumnSeries>
                                <RadzenColumnSeries Data="@shipmentsPrevMonthByDays" CategoryProperty="Quarter" ValueProperty="Revenue" Title="Last month" Fill="#e6e6e6" Stroke="#e6e6e6" StrokeWidth="2" Visible="true">
                                    <TooltipTemplate Context="item">
                                        <div class="flex-col">
                                            <div><b>Date:</b> @DateTime.Parse(item.Quarter).AddMonths(-1).Date.ToString("ddd"),  @DateTime.Parse(item.Quarter).AddMonths(-1).Date.ToString("MMM") @DateTime.Parse(item.Quarter).AddMonths(-1).Day</div>
                                            <div><b>Last month:</b> @(item.Revenue > 1000000 ? $"{Math.Round((decimal)item.Revenue / 1000000, 2)}M" : $"{Math.Round((decimal)item.Revenue / 1000, 2)}K") BBLS</div>
                                        </div>
                                    </TooltipTemplate>
                                </RadzenColumnSeries>

                                <RadzenLegend Position="LegendPosition.Bottom" />

                                @{
                                    var maxAndStepForMiniChart = GetMaxAndStepForChart(Enumerable.Union(shipmentsThisMonthByDays, shipmentsPrevMonthByDays).ToArray());
                                }
                                <RadzenValueAxis Visible="false" Formatter="@FormatAsUSD" Min="0" Max="maxAndStepForMiniChart.Item1" Step="maxAndStepForMiniChart.Item2">
                                    <RadzenGridLines Visible="false" />
                                </RadzenValueAxis>
                                <RadzenCategoryAxis Visible="false">
                                    <RadzenGridLines Visible="false" />
                                </RadzenCategoryAxis>
                            </RadzenChart>
@h2002d commented on GitHub (Mar 29, 2023): Hi @akorchev , thanks for the quick reply, here is the code snippet that we are using ``` <RadzenChart @ref="@shipmentsThisMonthMini"> <RadzenChartTooltipOptions Style=""></RadzenChartTooltipOptions> <RadzenColumnSeries Data="@shipmentsThisMonthByDays" CategoryProperty="Quarter" ValueProperty="Revenue" Title="This month" Fill="#0078D4" Stroke="#0078D4" StrokeWidth="2" Visible="true"> <TooltipTemplate Context="item"> <div class="flex-col"> <div><b>Date:</b> @DateTime.Parse(item.Quarter).Date.ToString("ddd"), @DateTime.Parse(item.Quarter).Date.ToString("MMM") @DateTime.Parse(item.Quarter).Day</div> <div><b>This month:</b> @(item.Revenue > 1000000 ? $"{Math.Round((decimal)item.Revenue / 1000000, 2)}M" : $"{Math.Round((decimal)item.Revenue / 1000, 2)}K") BBLS</div> </div> </TooltipTemplate> </RadzenColumnSeries> <RadzenColumnSeries Data="@shipmentsPrevMonthByDays" CategoryProperty="Quarter" ValueProperty="Revenue" Title="Last month" Fill="#e6e6e6" Stroke="#e6e6e6" StrokeWidth="2" Visible="true"> <TooltipTemplate Context="item"> <div class="flex-col"> <div><b>Date:</b> @DateTime.Parse(item.Quarter).AddMonths(-1).Date.ToString("ddd"), @DateTime.Parse(item.Quarter).AddMonths(-1).Date.ToString("MMM") @DateTime.Parse(item.Quarter).AddMonths(-1).Day</div> <div><b>Last month:</b> @(item.Revenue > 1000000 ? $"{Math.Round((decimal)item.Revenue / 1000000, 2)}M" : $"{Math.Round((decimal)item.Revenue / 1000, 2)}K") BBLS</div> </div> </TooltipTemplate> </RadzenColumnSeries> <RadzenLegend Position="LegendPosition.Bottom" /> @{ var maxAndStepForMiniChart = GetMaxAndStepForChart(Enumerable.Union(shipmentsThisMonthByDays, shipmentsPrevMonthByDays).ToArray()); } <RadzenValueAxis Visible="false" Formatter="@FormatAsUSD" Min="0" Max="maxAndStepForMiniChart.Item1" Step="maxAndStepForMiniChart.Item2"> <RadzenGridLines Visible="false" /> </RadzenValueAxis> <RadzenCategoryAxis Visible="false"> <RadzenGridLines Visible="false" /> </RadzenCategoryAxis> </RadzenChart> ```
Author
Owner

@akorchev commented on GitHub (Mar 29, 2023):

I am afraid this isn't a code snippet that we can run. We need a self-contained snippet that builds and runs.

@akorchev commented on GitHub (Mar 29, 2023): I am afraid this isn't a code snippet that we can run. We need a self-contained snippet that builds and runs.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#788