我在我的组件中有一个下拉列表，它似乎导致了Livewire中的错误。
Uncaught（in promise）DOMException：无法在“元素”上执行“setAttribute”：“？”不是有效的属性名称。
我根据我在疑难解答部分的文档中读到的内容添加了wire:key代码，但似乎没有帮助。它在保存时更新了值，但是当它用新数据刷新dom时，它不工作了。
以下是违规元素：

<div class="mb-3 col-md-4 ">
    <label for="state" class="form-label">State</label>
    <select wire:model.defer="location.state" class="form-select" 
        id="state" name="state">
        @foreach ($states as $state)
            <option 
                name="{{ $state->name }}" 
                id="{{ $state->code }}" 
                wire:key="{{ $state->id }}"
                value="{{ $state->code }}"
                @if (isset($location->state) 
                    && $location->state === $state->code) ? selected @endif
            >{{ $state->name }}
            </option>
        @endforeach
    </select>
</div>

字符串