ErrorException Undefined index:

#1

I have created a component where I am trying to create a public variable name $singleBooking, but when I try to save value to this variable it gives error. ErrorException
Undefined index: singleBooking

My php file code:

class SellerBookings extends Component
{
use WithPagination;

public $singleBooking;

public function render()
{
    $bookings = Booking::where('seller_id', Auth::user()->id)->latest()->paginate(10);
    return view('livewire.seller-bookings', [
        'bookings' => $bookings,
    ]);
}

public function show($id)
{
    $booking = Booking::find($id);
    $this->singleBooking = $booking;

    $this->dispatchBrowserEvent('showBookingModel');

}
public function paginationView()
{
    return 'vendor.livewire.bootstrap';
}

}

Here is code for view where I am getting to access that:

                   @if($singleBooking->payment_success == 1)
                       <h5 class="d-flex align-items-center mb-3">Contact Details</h5>
                      <hr>
                       <div class="row duraion-booking">
                       <div class="col-sm-4">
                    Name
                      </div>
                       <div class="col-sm-8 text-secondary">
                          <span class="duraion-booking-time">{{$singleBooking->name}}</span>
                       </div>
                    </div>
                        <hr>
                        <div class="row duraion-booking">
                       <div class="col-sm-4">
                    Email
                      </div>
                       <div class="col-sm-8 text-secondary">
                          <span class="duraion-booking-time">{{$singleBooking->email}}</span>
                       </div>
                    </div>
                      <hr>
                        <div class="row duraion-booking">
                       <div class="col-sm-4">
                    Mobile No.
                      </div>
                       <div class="col-sm-8 text-secondary">
                          <span class="duraion-booking-time">{{$singleBooking->contactNo}}</span>
                       </div>
                    </div>
                        <hr>
                       <div class="row duraion-booking">
                       <div class="col-sm-8 text-secondary">
                          <p class="mb-0">Without Captain</p>
                          <span class="duraion-booking-time">I want to book without a captain, guide or host.</span>
                       </div>
                    </div>
                        <hr>
                    @endif