Your nested component appears to be missing the :key
attribute. Since Livewire needs to know which component should be re-rendered, the :key
attribute is used to track the component.
Updated activity-logs.blade.php
<x-cards.simple class="col-span-6 lg:col-span-3 xl:col-span-2 overscroll-contain" max-height="lg" title="{{ __('Activity Logs') }}" icon="project" > <div class="my-2 pr-2 h-full lg:max-h-[300px]"> @if($activities->isNotEmpty()) @foreach($activities as $activity) <livewire:common.activity-logs.activity-log :activity="$activity" :key="$activity->id" /> @endforeach <div class="mt-8"> {{ $activities->onEachSide(1)->links() }} </div> @else <span> {{ __('This model has no logged activities.') }} </span> @endif </div> </x-cards.simple>
Reference: https://laravel-livewire.com /docs/2.x/nesting-components#keyed-components