Debounce issue

<input type="text" required
                            wire:model.lazy="materialList.{{ $index }}.material_code"
                            wire:input.debounce.500ms="searchMaterialCodes({{ $index }}, $event.target.value)"
                            class="w-full mt-1 border-gray-300 rounded-md shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
                            placeholder="Enter Item code"
                            x-ref="materialInput_{{ $index }}"
                            @keydown.arrow-down.prevent="onArrowDown()"
                            @keydown.arrow-up.prevent="onArrowUp()"
                            @keydown.enter.prevent="selectCurrent()"
                            wire:ignore
                        >