cant use the variable that i send to a blade component page - php

Question

hi sorry for my bad engilsh.
im using blade component page in laravel to include a blade page in another blade page
i use component blade page.
i send A VARIABLE that its name is "post" like this
#foreach($posts->skip(1) as $post)
<x-post-card :post="$post"/>
#endforeach
i use #props(['post']) on that page to get the variable
#props(['post'])
and when put 'post'
on #ddd its fine and ok
but when i wonna use its property like 'title' the laravel send me a error that Undefined variable: post
this the way i use property
#props(['post'])
#dd($post)
<article class="transition-colors duration-300 hover:bg-gray-100 border border-black border-opacity-0 hover:border-opacity-5 rounded-xl">
<div class="py-6 px-5 lg:flex">
<div class="flex-1 lg:mr-8">
<img src="/images/illustration-1.png" alt="Blog Post illustration" class="rounded-xl">
</div>
<div class="flex-1 flex flex-col justify-between">
<header class="mt-8 lg:mt-0">
<div class="space-x-2">
{{$post->category->name}}
</div>
<div class="mt-4">
<h1 class="text-3xl .bold">
{{$post->title}}
</h1>
<span class="mt-2 block text-gray-400 text-xs">
Published <time>{{$post->created_at->diffForHumans()}}</time>
</span>
</div>
</header>
<div class="text-sm mt-2">
<p>
{{$post->excerpt}}
</p>
</div>
<footer class="flex justify-between items-center mt-8">
<div class="flex items-center text-sm">
<img src="/images/lary-avatar.svg" alt="Lary avatar">
<div class="ml-3">
<h5 class="font-bold">{{$post->user->name}}</h5>
<h6>Mascot at Laracasts</h6>
</div>
</div>
<div class="hidden lg:block">
Read More
</div>
</footer>
</div>
</div>
</article>