select event triggers continuesly multiple times in the dropdownlist component Completed

<SfDropDownList TValue="string" TItem="Data" Placeholder="e.g: Aero" AllowFiltering=true IgnoreAccent=true DataSource="@Country">

    <DropDownListFieldSettings Value="Name"></DropDownListFieldSettings>

    <DropDownListEvents TValue="string" OnValueSelect="DataSelected"></DropDownListEvents>

</SfDropDownList>

<br />

<input type="text" @bind-value="Count" />

@code {

    public int Count { get; set; } = 0;

    public class Data

    {

        public string Name { get; set; }

    }

    public StringBuilder events = new StringBuilder();

    List<Data> Country = new List<Data>

{

        new Data() { Name = "Aeróbics"},

        new Data() { Name = "Aeróbics en Agua"},

        new Data() { Name = "Aerografía"},

        new Data() { Name = "Águilas"},

        new Data() { Name = "Ajedrez"},

        new Data() { Name = "Ala Delta"},

        new Data() { Name = "Álbumes de Música"},

        new Data() { Name = "Alusivos"},

        new Data() { Name = "Análisis de Escritura a Mano"},

    };

    private void DataSelected(Syncfusion.Blazor.DropDowns.SelectEventArgs args)

    {

        Count++;

    }