see this link: https://livewire.laravel.com/docs/navigate#dont-rely-on-domcontentloaded

you should use livewire:navigated instead of DOMContentLoaded

the DOMContentLoaded only triggered once after page hard refresh. but when you navigate between pages using wire:navigate, the DOMContentLoaded is not triggering anymore, instead you can use livewire:navigated event. it's triggered in both page hard refresh (like DOMContentLoaded) and after navigating between pages