IFileListEntry does not contain a definition for "ToBrowserFile"

Question

I try to fix this error with the help of chatGpt bu it wasnt successful. Here is the full razor component:
 

@page "/recipe/create"
@using BakingBeyondRecipesServer.Service.IService;
@using Business.Repository.IRepository;
@using Business.Repository;
@using Model
@using DataAccess.Data
@using Models;
@using Microsoft.AspNetCore.Components.Forms
@inject ICategoryRepository _categoryRepository
@inject IRecipeRepository RecipeRepository
@inject Blazored.Toast.Services.IToastService ToastService
@inject NavigationManager NavigationManager;
@using BlazorInputFile
@using Microsoft.AspNetCore.Components.Web
@inject IFileUpload FileUpload
@using Microsoft.JSInterop
@using BlazorInputFile
@inject Microsoft.JSInterop.IJSRuntime JsRuntime




<div class="row mt-5">
    <div class="col-md-8 offset-md-2">
        <h2 class="text-center mb-4">@Title Recipe</h2>
        <EditForm Model="RecipeModel">
            <div class="form-group">
                <label for="title">Title</label>
                <InputText @bind-Value="RecipeModel.Title" class="form-control" id="title" />
            </div>
            <div class="form-group">
                <label for="description">Description</label>
                <InputText @bind-Value="RecipeModel.Description" class="form-control" id="description" />
            </div>
            <div class="form-group">
                <label for="ingredients">Ingredients</label>
                <InputTextArea @bind-Value="@RecipeModel.Ingredients" class="form-control" id="ingredients" />
            </div>
            <div class="form-group">
                <label for="directions">Directions</label>
                <InputTextArea @bind-Value="RecipeModel.Directions" class="form-control" id="directions" />
            </div>
            <div class="form-group">
                <label for="description">Preparation Time in Minutes</label>
                <InputNumber @bind-Value="RecipeModel.PreparationTimeInMinutes" class="form-control" id="preparationTime" />
            </div>
            <div class="form-group">
                <label for="description">Cooking Time in Minutes</label>
                <InputNumber @bind-Value="RecipeModel.CookingTimeInMinutes" class="form-control" id="cookingTime" />
            </div>
            <div class="form-group">
                <label for="description">Servings</label>
                <InputNumber @bind-Value="RecipeModel.Servings" class="form-control" id="servings" />
            </div>
            <div class="form-group">
                <label for="category">Category</label>
                <InputSelect @bind-Value="RecipeModel.Categories" class="form-control" id="category">
                    @foreach (var category in Categories)
                    {
                        <option value="@category.Id">@category.Name</option>
                    }
                </InputSelect>
            </div>
            <div class="form-group">
                <div class="form-group">
                    <BlazorInputFile.InputFile OnChange="(files) => HandleImageUpload(files)" multiple></BlazorInputFile.InputFile>

                </div>

            </div>


            <button type="submit" class="btn btn-primary mt-4">Create Recipe</button>
        </EditForm>
    </div>
</div>
@code {
    private RecipeDto RecipeModel { get; set; } = new RecipeDto();
    private string Title { get; set; } = "Create";
    private DataAccess.Data.Recipe Recipe { get; set; } = new DataAccess.Data.Recipe();
    private List<CategoryDto> Categories { get; set; }
    private List<IFileListEntry> selectedImages = new List<IFileListEntry>();


    protected override async Task OnInitializedAsync()
    {
        Categories = (await _categoryRepository.GetAllCategories()).ToList();
    }


    private async Task CreateRecipe(IList<IBrowserFile> files)
    {

        var createdResult = await RecipeRepository.CreateRecipe(RecipeModel);
        if (createdResult != null)
        {
            ToastService.ShowSuccess("Recipe created successfully");
            NavigationManager.NavigateTo("recipe");
        }
        else
        {
            ToastService.ShowError("Recipe was not created");
        }
    }
    private async Task HandleImageUpload(IFileListEntry[] files)
    {
        try
        {
            var images = new List<string>();
            if (files.Length > 0)
            {
                foreach (var file in files)
                {
                    System.IO.FileInfo fileInfo = new System.IO.FileInfo(file.Name);
                    if (fileInfo.Extension.ToLower() == ".jpg" ||
                        fileInfo.Extension.ToLower() == ".png" ||
                        fileInfo.Extension.ToLower() == ".jpeg")
                    {
                        var browserFile = await file.ToBrowserFile();
                        var uploadedImagePath = await FileUpload.UploadFile(browserFile);
                        images.Add(uploadedImagePath);
                    }
                    else
                    {
                        await JsRuntime.InvokeVoidAsync("ShowSwal", "Please select .jpg/.jpeg/.png file only");
                        //await JsRuntime.ToastrError("Please select .jpg/.jpeg/.png file only");
                        return;
                    }
                }

                if (images.Any())
                {
                    if (RecipeModel.ImageUrls != null && RecipeModel.ImageUrls.Any())
                    {
                        RecipeModel.ImageUrls.AddRange(images);
                    }
                    else
                    {
                        RecipeModel.ImageUrls = new List<string>();
                        RecipeModel.ImageUrls.AddRange(images);
                    }
                }
                else
                {
                    await JsRuntime.InvokeVoidAsync("ShowSwal", "error", "Image uploading failed");
                    //await JsRuntime.ToastrError("Image uploading failed");
                    return;
                }
            }
        }
        catch (Exception ex)
        {
            await JsRuntime.InvokeVoidAsync("ShowSwal", "error", ex.Message);
            //await JsRuntime.ToastrError(ex.Message);
        }
    }




}

Error (active)    CS1061    'IFileListEntry' does not contain a definition for 'ToBrowserFile' and no accessible extension method 'ToBrowserFile' accepting a first argument of type 'IFileListEntry' could be found (are you missing a using directive or an assembly reference?)