Wireui x-select value change issue when Re-rendering

[Uhasith]

Hey, I'm using a Drawer and inside that drawer, I have a child component for a table view. basically, I divided the same form into two pages. I conditionally render two parts using the Next and previous buttons. After I go back to the second page comeback to the first page and then change a value inside my select input it will start to send infinite network requests and the select field value changes continuously.

` public function officeSearch(Request $request)
{

    $offices = $this->getAccessibleOffices();
    return Office::query()
        ->select('id', 'name')
        ->whereIn('id', $offices)
        ->orderBy('name')
        ->when(
            $request->exists('selected') && !empty($request->input('selected')) && empty($request->input('search')),
            fn (Builder $query) => $query->whereIn('id', [$request->input('selected')]),
        )
        ->when(
            $request->exists('organisation_id') && !empty($request->input('organisation_id')) && 
             !empty($request->input('search')),
            fn (Builder $query) => $query->where('organisation_id', [$request->input('organisation_id')])
            ->where([['name', 'like', "%{$request->input('search')}%"]]),
            fn (Builder $query) => $query->limit(10)
        )
        ->when(
            $request->exists('organisation_id') && !empty($request->input('organisation_id')),
            fn (Builder $query) => $query->where('organisation_id', [$request->input('organisation_id')]),
            fn (Builder $query) => $query->limit(10)
        )
        ->get();
}`

IMG_6234.MOV