Instant banner notifications not working without redirect

@ramonrietdijk I have a livewire component called addresses management. The view is like:

<x-form-section submit="update">
    <x-label for="company_name" value="{{ __('Company Name') }}" />
    <x-input id="company_name" type="text"  wire:model="company_name"/>
    <x-input-error for="company_name" />
    ...
    <x-button wire:click="refreshComponent">
            {{ __('Save') }}
        </x-button>

So, in that view, when I press the save button it calls the refreshComponent and also triggers the update() function in my component:

class AddressesManagement extends Component
{
    protected $listeners = [
        'refresh-address-menu' => '$refresh',
    ];
    public function refreshComponent()
    {
        $this->dispatch('refresh-address-menu');
    }
    public function update()
    {
        try{
            $this->validate();
            $userId = Auth::user()->id;
            $address = Address::updateOrCreate(
                ['user_id' => $userId],
                $this->_getAddressData($userId), //Returns an array of entries to be filled it, works fine
            );

            $action = $address->wasRecentlyCreated ? 'erstellt' : 'aktualisiert';
            session()->now('status', 'Addresse '. $action);
            session()->now('isSuccess', true);

            return view('livewire.address.addresses-management')
                /*return redirect('/profile')
                    ->with('status', 'Addresse '. $action)
                    ->with('isSuccess', true)*/;
        } catch
    ...

So here, the refreshComponent is called when Save is pressed and it basically refreshes the component and then the update function updates my model correctly.

So, the page doesnt refresh, but the model is updated in the background. If I use the return redirect(/profile) part, then it displays a notification banner, but If I dont use redirect nothing shows up, but the model still gets updated. And I want to know how I can make it so that it instantly pops up a notification.

I would highly recommend using wire:submit for this like documented by Livewire. Livewire does not use the returned view in the update method. Instead, it will re-render the view itself.

You should update your view with the following:

<x-form-section wire:submit="update">
...
<x-button type="submit">
    {{ __('Save') }}
</x-button>

And for the component, just keep the update method. You don't need the events and you don't have to return anything.

@ramonrietdijk Oh yeah, I probably should've mentioned that, but my form-section component has:

@props(['submit'])
<form wire:submit="{{ $submit }}">
...

I mean, at this point Im desperate and will take any solution, this isnt documented anywhere in Laravel and even less in Livewire, how I can display the notification instantly. You'd think they'd put some documentation over at this section, but no, they just use the redirect and Im not sure how I can figure it out. It just has a 4 sentence documentation about Flash messages.

By "instantly", you want to display a notification before the request to the back-end has finished? If so, you could make use of Alpine.js to show a notification, with x-show for example.

If not, the session should work and render the message.