Button disappears after click

#1

I am experimenting with Livewire and I have a weird problem, after i click the button it disappears completely and the variable is duplicated.

Controller:

public $debugVariable = 1;

public function test()
{
    $this->debugVariable = 12;
}

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

View

{{ $debugVariable }}

<button type="button" wire:click="test">Click</button>

After I click the button it disappears and the output is

1 12

#2

Wrapping the view content in a div solved the issue.

#3

You must always have a single root element in the view