Filament v3 adding a livewire component

Ive posted a few times trying to put this data in the HobbyResource itself, but decided to try and make a dedicated livewire component to handle the hobbyRatings

Unfortunately, this is STILL not saving the results of the selected rating.

This was created via AI tools so i dont know if the syntax is uptodate for filament and livewire v3.

Or if i need to do anything else to have it save? I can get the fields to display, but i can't seem to store the selected value, and it is aggravating me.

Sample Data and View

<?php

namespace App\Livewire;

use App\Models\Hobby;
use App\Models\Tag;


use Illuminate\Database\Eloquent\Model;
use Livewire\Component;
use Illuminate\Contracts\View\View;

class Ratings extends Component
{
    public $hobby;
    public $ratings = [];

    public function mount(?Model $record): void
    {
        $this->hobby = $record;
        $this->loadRatings();
    }

    public function loadRatings()
    {
        $allRatings   = Tag::where('tag_type', 13)->get();
        $modelRatings = $this->hobby->hobbyRatings;

        foreach ($allRatings->where('parent_id', null) as $rating) {
            $options    = $allRatings->where('parent_id', $rating->id)
                                     ->pluck('tag', 'id')->toArray();
            $selectedId = $modelRatings->contains('id', $rating->id)
                ? $modelRatings->where('parent_id', $rating->id)->first()->id
                : null;

            $this->ratings[$rating->slug] = [
                'label'      => $rating->tag,
                'options'    => $options,
                'selectedId' => $selectedId,
            ];
        }
    }

    public function updatedRatings($ratingSlug, $value)
    {
        $this->updateHobbyRatings($ratingSlug, $value);
    }

    public function updateHobbyRatings($ratingSlug, $value)
    {
        if ($value) {
            $this->hobby->hobbyRatings()
                        ->syncWithoutDetaching([$value]); // Sync the selected ID
        } else {
            $id = array_search($ratingSlug, array_column($this->ratings,
                'slug')); // Retrieve ID based on slug
            $this->hobby->hobbyRatings()->detach($id); // Detach the ID
        }
    }

    public function render()
    {
        return view('livewire.ratings');
    }
}

Hobby Resource:

 Section::make('Ratings')
//                       ->relationship('hobbyRatings')
                       ->schema([
                        Livewire::make(Ratings::class),
                    ]),

Hobby Model

public function hobbyRatings(): MorphToMany
    {
        return $this->morphToMany(Tag::class, 'taggable')->where('tag_type', 13)
                    ->withTimestamps();
    }

Blade

<div>
    @foreach ($ratings as $ratingSlug => $rating)
        <label for="rating_{{ $ratingSlug }}">{{ $rating['label'] }}</label>
        <x-filament::input.wrapper>
            <x-filament::input.select wire:model="ratings.{{ $ratingSlug }}.selectedId" id="rating_{{ $ratingSlug }}"
                                      wire:key="rating_{{ $ratingSlug }}">
                <option value="">Select rating</option>
                @foreach ($rating['options'] as $optionId => $optionLabel)
                    <option value="{{ $optionId }}">{{ $optionLabel }}</option>
                @endforeach
            </x-filament::input.select>
        </x-filament::input.wrapper>
    @endforeach
</div>