Like Count updating in Blade view only after 2 clicks

[amarokcreative]

Hey all, new to Laravel and just starting using Livewire and I'm having an issue with a button click that should register a new like (using the Laravel Love package) and then update the count variable accordingly in the blade template. The code is 90% of the way there but the issue i'm having is when I click the button that calls the hype() function nothing is updated in the view until I click it a second time. However, when i check the database after 1 click the value has been updated correctly. Then on subsequent clicks the variable in the view is always 1 off from what's in the database.

Any idea what could be happening here? Any help or guidance is much appreciated.

Here is the blade view

<div class="flex space-x-6">
    <span class="inline-flex items-center text-sm">
        @auth
            <button wire:click="hype()" type="button" class="inline-flex space-x-2">
        @else
            <span class="inline-flex space-x-2 text-gray-500">
        @endauth
            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
                <path fill-rule="evenodd" d="M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z" clip-rule="evenodd" />
            </svg>
            <span class="font-medium text-gray-900" >{{ $count }}</span>
            <span class="sr-only">hypes</span>
        @auth
            </button>
        @else
            </span>
        @endauth
    </span>
</div>

Here is most of the Controller

class HypeStatue extends Component
{
    public Statue $statue;
    public User $user;
    public int $count;

    public function mount(Statue $statue) 
    {
        $this->statue = $statue;
        $this->user = auth()->user();

        $reactantFacade = $this->statue->viaLoveReactant();
        $this->getHypes();
    }

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

    public function hype()
    {
        $reacterFacade = $this->user->viaLoveReacter();

        if ( $reacterFacade->hasReactedTo($this->statue) ) {
            $reacterFacade->unreactTo($this->statue, 'hype');
        } elseif ( $reacterFacade->hasNotReactedTo($this->statue) ) {
            $reacterFacade->reactTo($this->statue, 'hype');
        }

        $this->getHypes();   
        
        return back();
    }

    public function getHypes()
    {
        $reactantFacade = $this->statue->viaLoveReactant();
        $this->count = $reactantFacade->getReactionTotal()->getCount();
    }
}