Table search spinner never stops loading

I am using table builder with a few searchable columns. Whenever I enter a search and clear it, the search spinner loads forever even if the search itself finishes executing.

I have included a video of the problem below.

This is how my component looks like:

class Search extends Component implements HasTable, HasForms
{
    use InteractsWithTable;
    use InteractsWithForms;

    #[Url]
    public $tableSearch = '';

    protected $queryString = [
        'tableSearch' => ['except' => '', 'as' => 'search'],
    ];

    public function table(Table $table): Table
    {
        return $table
            ->query(User::query())
            ->columns([
                TextColumn::make('id')->searchable(),
            ])
            ->recordUrl(
                fn (User $user): string => route('admin.users.show', ['user' => $user])
            );
    }

    public function render()
    {
        return view('livewire.users.search');
    }
}


There are no console or server errors occurring.
Was this page helpful?