Livewire Is not able to store - laravel

Question

I have four laravel live wire components. The first component is Step1 which has the values `
`class Step1 extends Component
{
public $firstName;
public $lastName;
public $middleName;
public $prefix;
public $suffix;
public $dateofbirth;
public $gender;
public $phonenumber;
public $emailaddress;
public $step;
public function mount()
{
$this->step = 1;
}
public function nextStep()
{
$this->step++;
}
public function prevStep()
{
$this->step--;
}
public function render()
{
return view('livewire.step1');
}
}
`
Step 2
'<?php
namespace App\Http\Livewire;
use Livewire\Component;
class Step2 extends Component
{
public $step;
public $contact_last_name;
public $contact_first_name;
public $contact_address_one;
public $contact_address_two;
public $contact_country;
public $contact_province;
public $contact_city;
public $contact_email;
public $emergency_phone_coder;
public $citizen_bio_id;
public function mount()
{
$this->step = 2;
}
public function nextStep()
{
$this->step++;
}
public function prevStep()
{
$this->step--;
}
public function render()
{
return view('livewire.step2');
}
`
and step 3
<?php
namespace App\\Http\\Livewire;
use Livewire\\Component;
class Step3 extends Component
{
public $step;
public $country;
public $state;
public $message;
public $date_of_travel;
public $date_of_return;
public $purpose_of_travel;
public $citizen_bio_id;
public function mount()
{
$this->step = 2;
}
public function nextStep()
{
$this->step++;
}
public function prevStep()
{
$this->step--;
}
public function render()
{
return view('livewire.step3');
}
}`
All these steps are managed in the FormWizard Component
`<?php
namespace App\\Http\\Livewire;
use App\\Models\\CitizenBio;
use Illuminate\\Support\\Facades\\DB;
use Livewire\\Component;
class FormWizard extends Component
{
public $step;
public $firstName;
public $lastName;
public $middleName;
public $prefix;
public $suffix;
public $dateofbirth;
public $gender;
public $phonenumber;
public $emailaddress;
public $contact_last_name;
public $contact_first_name;
public $contact_address_one;
public $contact_address_two;
public $contact_country;
public $contact_province;
public $contact_city;
public $contact_email;
public $emergency_phone_coder;
public $country;
public $state;
public $message;
public $date_of_travel;
public $date_of_return;
public $purpose_of_travel;
public function mount()
{
$this->step = 1;
}
public function nextStep()
{
$this->step++;
}
public function prevStep()
{
$this->step--;
}
public function render()
{
return view('livewire.form-wizard', ['step' => $this->step]);
}
public function store()
{
$data = [
'first_name' => session('firstName'),
'last_name' => session('lastName'),
'middle_name' => session('middleName'),
'prefix' => session('prefix'),
'suffix' => session('suffix'),
'date_of_birth' => session('dateOfBirth'),
'gender' => session('gender'),
'phone_number' => session('phonenumber'),
'email_address' => session('emailaddress'),
// ...
];
DB::table('citizen_bios')->insert($data);
$this->reset();
return redirect()->route('/dashboard');
}
public function debug()
{
return $this->step;
}
}`
When a user clicks the submit form that is linked to the FormWizard Component to run the store function It does not store the data into the DB.
I checked to make sure I've linked the component to the correct input which I believe I did as so
`<form>
<div class="grid gap-6 mb-6 md:grid-cols-3">
<div>
<label for="first_name" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">First name</label>
<input wire:model="firstName" wire:error.class="invalid" type="text" name="first_name" id="first_name" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-black dark:focus:ring-blue-500 dark:focus:border-blue-500" placeholder="Kwesi" required>
</div>
`
and in the FormWizard.blade this is how it looks
<div wire:loading.remove>
<form method="POST" action="{{ route('store')}}" id="postCitizen" accept-charset="UTF-8" style="display:inline-block">
#csrf
#method("POST")
#if ($step === 1)
#livewire('step1')
<div class="grid gap-6 mb-6 md:grid-cols-1">
<button wire:click="nextStep" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-white-600 dark:hover:bg-white-700 dark:focus:ring-white-800">Next</button>
</div>
#elseif ($step === 2)
#livewire('step2')
<div class="grid gap-6 mb-6 md:grid-cols-2">
<button wire:click="prevStep" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-white-600 dark:hover:bg-white-700 dark:focus:ring-white-800">Previous</button>
<button wire:click="nextStep" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-white-600 dark:hover:bg-white-700 dark:focus:ring-white-800">Next</button>
</div>
#elseif ($step === 3)
#livewire('step3')
<div class="grid gap-6 mb-6 md:grid-cols-2">
<button wire:click="prevStep" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-white-600 dark:hover:bg-white-700 dark:focus:ring-white-800">Previous</button>
<button wire:click="store" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Submit</button>
</div>
#endif
</form>
<div>
{{$this->debug()}}
</div>
</div>`
I tried change how the store function runs, and I've made sure the blade fire uses wire:model="firstName". What i don't know where the issues is coming from that when I click the submit button all my values say null even though I've typed in it.