I am having a issue hitting an endpoint in my API and getting the correct JSON response in a firefox.
I am attempting to hit https://...locationtypes/1 and getting this JSON response:
{
    "data": {
        "id": null,
        "name": null
    }
}

Here is a response from hitting https://...locationtypes:
{
    "data": [
        {
            "id": 1,
            "name": "Event"
        },
        {
            "id": 2,
            "name": "Vendor"
        },
        {
            "id": 3,
            "name": "Utility"
        }
}

LocationType.php:
<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
use Illuminate\Database\Eloquent\SoftDeletes;

class LocationType extends Model
{
    use HasFactory;
    use SoftDeletes;

    protected $fillable = [
        'name'
    ];

    public function locations() {
        return $this->hasMany(Location::class);
    }

public function resolveRouteBinding($value, $field = null)
    {
        return $this->where('id', $value)->firstOrFail();
    }
}


LocationTypeController.php (show and store method):
public function store(StoreLocationTypeRequest $request)
    {
        return new LocationTypeResource(LocationType::create($request->all()));
    }

public function show(LocationType $locationType)
    {
        $includeLocations = request()->query('includeLocations');

        if ($includeLocations) {
            return new LocationTypeResource($locationType->loadMissing('locations'));
        }
        return new LocationTypeResource($locationType);
    }

LocationTypeResource.php:
class LocationTypeResource extends JsonResource
{
    /**
     * Transform the resource into an array.
     *
     * @return array<string, mixed>
     */
    public function toArray(Request $request): array
    {
        return [
            'id' => $this->id,
            'name' => $this->name,
            'locations' => LocationResource::collection($this->whenLoaded('locations'))
        ];
    }
}

api.php:
Route::group(['prefix' => 'v1'], function () {
    // CRUD
    Route::apiResource('events', EventController::class);
    Route::apiResource('info', InfoController::class);
    Route::apiResource('locations', LocationController::class);
    //Route::apiResource('locationtypes', LocationTypeController::class);
    Route::get('locationtypes', [LocationTypeController::class, 'index']);
    Route::get('locationtypes/{id}', [LocationTypeController::class, 'show']);

    // Bulk POST
    Route::post('events/bulk', ['uses'=>'EventController@bulkStore']);
    Route::post('info/bulk', ['uses'=>'InfoController@bulkStore']);
    Route::post('locations/bulk', ['uses'=>'LocationController@bulkStore']);
    Route::post('locationtypes/bulk', ['uses'=>'LocationTypeController@bulkStore']);

});

I apologize if I have forgotten something, I am new to Laravel still. Also, this is Laravel 10. To clarify the problem, I cannot figure out why the id endpoint is spewing null back at me.
EDIT: I was able to use Route::get(locationtypes/{locationType}) to obtain the desired output by using the 'name' field but I am still unable to use the 'id' field and get null as output. I edited the above code to display my changes.