Livewire model not work with select2

I need help. I am new in here,
When i use livewire with select2 but its not working.

if i use normally then its work.
for example

livewire blade

<div>
<div class="form-group" >
<label for="exampleInputEmail1" class="text-danger">Source Warehouse*</label>
<select class="form-control select2bs4 FirstWarehouse" style="width: 100%;" id="FirstWarehouse" wire:change="FirstWarehouse">
<option></option>
                        @foreach($sources as $source)
<option value="{{$source->id}}">{{$source->Warehouse_name}}</option>
                        @endforeach
</select>
                </div>
@if($firstwarehouse)


<select wire:model="secondwarehouse">
<option></option>
<option value='1'>First</option>
<option value='2'>second</option>
</select>

@endif


@if($secondwarehouse)
<div ..........>
........

..
</div>
@endif
</div>

in livewire controller

class TransferItems extends Component
{
public $firstwarehouse=null;
public $secondwarehouse=null;


/////////////////
Its work if i use select2 in select class then livewire not working what is the main reason
I need help…
I want if live wire display file then css not work properly also. please make a video in bootstrap 4 and select2 option if choose option and display select next option and load css with select2.

I am still waiting
Please Help me…

Stay safe at home … COVID 19