Error passing the collection of the table from another component

[marineusde]

Hello,

i`ve got a problem while passing the collection of the table from another component. All the composer packages are up to date. The error message is:

Property type not supported in Livewire for property: [{"id":123,"text":"Test"}]

A small class for the data:

class TestData
{
    public ?int $id = null;
    public ?string $text = null;
}

A livewire component, where the table is included, here the render-method:

public function render(): Factory|View|Application|null
{
    $testData = new TestData;
    $testData->id = 123;
    $testData->text = 'Test';

    $testCollection = new Collection;
    $testCollection->add($testData);

    return view('livewire.text.text-component', [
        'testCollection' => $testCollection
    ]);
}

code of the blade file of the component:

<div>
  <livewire:test.test-table
     :testCollection="$testCollection" />
</div>

the powergrid table class:

final class TestTable extends PowerGridComponent
{
    public Collection $testCollection;

    public function datasource()
    {
        return $this->testCollection;
    }

    public function addColumns(): PowerGridColumns
    {
        return (new PowerGridManager)->columns()
            ->addColumn('id');
    }

    public function columns(): array
    {
        return [
            Column::make('Text', 'text'),
        ];
    }
}

I think, the problem is that the collection $testCollection is public, cause Livewire 3 has problems with that. Anyone got an idea to solve the problem?

[luanfreitasdev]

Hello @zwhhz. Have you tried using Wireable in the TestData class?

[marineusde]

Yes, thats works with this interface. Very great, thank you.