How can I in livewire app set transition off on update action?

looking at https://livewire.laravel.com/docs/wire-transition docs

I try to add transition message on my page(which is actually a listing or form depending on mode) so in component I added a $showAlert var :

class CrudAppImages extends Component
{

    public $showAlert = false;
    public string $updateMode = 'browse';

    ...

    public function edit($id)
    {
        ...
        $this->updateMode = 'edit';
        ...
    }

    public function update(Request $request)
    {
        ...

        try {
            DB::beginTransaction();
            $appImage->save();
            DB::commit();

            $this->resetPage();
            $this->showAlert = true;
        } catch (QueryException | \Exception $e) {

and in blade file :

@if ($showAlert)
    <div wire:transition.duration.2s>
        <div class="p-4 mb-4 text-sm text-green-800 rounded-lg bg-green-50 dark:bg-gray-800 dark:text-green-400" role="alert">
            <span class="font-medium">Success alert!</span> Change a few things up and try submitting again.
        </div>
    </div>
@endif

But it does not as I expected - I see alert box always after 1st update. How to set

 $showAlert = false

correctly ?

 "spatie/image": "^2.2.7",
 "laravel/framework": "^10.45.1",

Thanks in advance!