How to get SelectedIndex when TabsItem is in a child component

Hi,

I have several pages that contains RadzenTabs. As each of them have a common tab, I put it in a child component CommonConfigurationTab

My problem is that when the page is loaded the first tab (the common tab) is not active, it's the second one.

The RadzenTabs

<RadzenTabs SelectedIndex="0">
    <Tabs>
        <CommonConfigurationTab ConfigurationModel="@_configurationModel"/>
        <RadzenTabsItem Text="Tab2">
            @* ... *@
        </RadzenTabsItem>
    </Tabs>
</RadzenTabs>

The CommonConfigurationTab component

<RadzenTabsItem Text="@Loc["Alpaca_Device_Tab_Configuration_Base"]">
	@* ... *@
</RadzenTabsItem>

I also tried to replace the SelectedIndex by @bind-SelectedIndex=@selectedIndex and set the value in OnInitialized or OnAfterRender, it doesn't work either.

Is there a way to achieve what I want ? Or should I put the RadzenTabsItem in the parent ?

Regards,

The problem most probably is caused by the fact that the custom component is not inherited from RadzenTabsItem.