مشکل با props در inertia js

درود
من در لاراول 11 از jetstream و inertia js استفاده میکنم
همه چیز خوب بود
تا در قسمتی از سورس کد در قمست vue و دریافت propsها از inertiaدچار مشکل شدم
این کد کنترلر هست

  $categories=Category::all()->toArray();
         return Inertia::render("Projects/Partials/CreateProject",[
            'categories'=>$categories,
        ]);

کد مشکلی نداره و اطلاعات به درستی به سمت vue ارسال میشه
اما در vue اطلاعات به صورت props دریافت نمیشه
این هم کد vue

const props =defineProps(
    {
        categories: Array,
    }
)
onMounted(()=>console.log(props))

در خروجی categories رو تعریف نشده نشون میده 😩
خیلی گشتم حتی از هوش مصنوعی پرسیدم ظاهرا کد درسته ولی نمیدونم چرا کار نمیکنه
ممنون از راهنمایی شما بزرگواران