افزودن inputbox جدید با لایووایر

سلام دوستان
من یک فرم دارم که میخوام وقتی کاربر روی دکمه Add کلیک میکنه یک inputbox به فرم اضافه بشه
کد زیر رو نوشتم اما کار نکرد ممنون میشم راهنمایی کنید.

class Test extends Component
{
    public $tests=[''];

    public function render()
    {

        return view('livewire.test');
    }

    public function mount()
    {
        $this->tests = Test::all();

    }

    public function add()
    {
        $this->tests[] = '';
    }

}

<div>
    <form wire:submit.prevent="submit">
        @foreach($tests as $index=>$test)
            <div>
                <label for="title">
                    <input wire:model="title.{{$index}}" type="text">
                </label>
            </div>
        @endforeach
        <button  type="submit">Save</button>
    </form>
    <button  wire:click="add()">ADD MORE</button>
</div>