Laravel render function works, but when i click button it cannot find component

I have a livewire class and i can see that it’s working because it’s rendering both the value and the page. But when i click the button, it gives me an error. This is my file apphttplivewireactions.php


namespace AppHttpLivewire;

use LivewireComponent;

class Actions extends Component
{   
    public $value="hi";

    public function call()
    {
        $this->value = 'bye';
    }

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

This is my blade file under viewslivewire

<button wire:click="call">SUM</button>
{{$value}}
</div>

My page is rendering so when i got to 127.0.0.1:8000/action i see the page and the button.
enter image description hereThe value, but when i click the button for call. I get this
Unable to find component: [app.http.livewire.actions] on my page. Any idea how to fix?
enter image description here
enter image description here
enter image description here

enter image description here