I am new to livewire and i just want to build an autocomplete, but i dont know if my code is correct or not because when i type in my input, i dont have any errors in Network or in my Console here is my code

classic.blade.php

@extends('layout')
@section('content')
<div>
  <a href='/' wire:navigate>Back</a>
   <p>CLSSIC GAME</p>
   <livewire:autocomplete />
</div>
@endsection

autocomplete.blade.php

<div>
    <input type="text" wire:model.debounce.300ms="query" class="form-control" placeholder="Search users..." />
    <ul>
        @if($users)
        @foreach ($users as $user)
            <li  class="cursor-pointer">{{ $user->name }}</li>
        @endforeach
        @endif
    </ul>
</div>

AutoComplete.php

namespace AppLivewire;

use AppModelsCharachter;
use LivewireComponent;

class Autocomplete extends Component
{
       
    public $query;
    public $users;




    public function updatedQuery()
    {
        $this->users = Charachter::where('name', 'like', '%' . $this->query . '%')->get();
    }


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

The livewire scripts are well imported so this is not the problem

Do you guys know what is the problem here ???
Thank you a lot mates !