Inertia not handling data from show() method (ReactJS)

In my show() method I need to display details of the record to the user. However, when I pass the data to the frontend, it is undefined.


public function show(Order $order) : InertiaResponse
    {
        if(Gate::allows('is-admin-cashier')) return inertia('Orders/Details', [
            'order' => $order->with(['customer', 'user', 'service',]),
            'payments' => Payment::query()->where('order_id', $order)->with(['user', 'order']),
        ]);

        return abort(403);
    }

I used the usePage().props to pass the data to the frontend in my Details.js page:


const { order } = usePage().props

When I console.log(order) I get an empty object. I don't know why it is so.

anilkumarthakur60

4 years ago

Level 6

what do you get while

        if(Gate::allows('is-admin-cashier')) {
$data['order' ]= $order->with(['customer', 'user', 'service',]);
            $data['payments'] = Payment::query()->where('order_id', $order)->with(['user', 'order']);
return $data;
}

what do you get?

if you are using typescript then


interface Props {
  order: {
    data: Order;
  };
}

export default function OrderShow(props: Props) {
  console.log(props);

Emokores

4 years ago

Level 2

@anilkumarthakur60 I get a syntax error: ParseError: syntax error, unexpected token "=>"

anilkumarthakur60

4 years ago

Level 6

@Emokores there was mistake in my comment have a read again

Emokores

4 years ago

Level 2

The problem is with my $order->with(['customer', 'user', 'service']) query. It gives me a null. Is there any better way I can pull this off using Route-Model binding?

Please or to participate in this conversation.