Alpine Expression Error after upgrade

[MrYamous]

Livewire PowerGrid version

6.1

Livewire version

3.5

Laravel version

11.37

Which PHP version are you using?

PHP 8.2

Which Theme are you using?

Tailwind

Have you published the resource files and customized them? (php artisan vendor:publish)

Yes

What is the problem?

After a Powergrid update to V6 we are struggling with JS errors in console and some non working feature from the package

I've already double checked upgrade guide, all changes from Alpine/Livewire/import changes are done

Code snippets

Current console state

Alpine Expression Error: Cannot convert undefined or null to object

Expression: "getAttributes"

 <tr wire:replace.self x-data=​"pgRowAttributes({ rowId:​ 2364, defaultClasses:​ 'border-b border-pg-primary-100 dark:​border-pg-primary-600 hover:​bg-pg-primary-50 dark:​bg-pg-primary-800 dark:​hover:​bg-pg-primary-700', rules:​ ..." x-bind=​"getAttributes">​…​</tr>​

app.b7068b88.js:127 
 Uncaught TypeError: Cannot convert undefined or null to object
    at Function.keys (<anonymous>)
    at app.b7068b88.js:127:8477
    at Proxy.forEach (<anonymous>)
    at Proxy.getAttributes (app.b7068b88.js:127:8450)
    at Jr (app.b7068b88.js:6:1297)
    at app.b7068b88.js:6:1116
    at br (app.b7068b88.js:2:23956)
    at Function.Da (app.b7068b88.js:6:25735)
    at p (app.b7068b88.js:6:2345)
    at _ (app.b7068b88.js:6:2375)

How do you expect it to work?

Without console errors

Please confirm (incomplete submissions will not be addressed)

• I have provided easy and step-by-step instructions to reproduce the bug.
• I have provided code samples as text and NOT images.
• I understand my bug report will be removed if I haven't met the criteria above.

[arkdev1]

I made the mistake of opening a duplicate discussion. I'm reporting my issue here, which is similar to this one.

Livewire PowerGrid version

v6.1.11

Livewire version

v3.5.19

Laravel version

v11.41.3

Which PHP version are you using?

PHP 8.3

Which Theme are you using?

Tailwind

Have you published the resource files and customized them? (php artisan vendor:publish)

No

What is the problem?

When using actionRules in a PowerGrid-Table, an error occurs in Livewire's JavaScript, specifically related to the Alpine.js expression "getAttributes". The error message indicates that an attempt is being made to convert null or undefined to an object.

In the past, before an update, it was working as expected, the button was in state hide when the $row had an invalid status.

    public function actions(Report $row): array
    {
        return [
            Button::add('download')
                ->slot('Download')
                ->id()
                ->class('bg-blue-600 cursor-pointer text-white px-3 py-2 m-1 rounded text-sm')
                ->dispatch('download', ['uuid' => $row->uuid]),
        ];
    }

    public function actionRules($row): array
    {
        return [
            Rule::button('download')
                ->when(fn($row) => $row->status == -1 || $row->status == 2)
                ->hide(),
        ];
    }

In the JavaScript console I'm getting:

Expression: "getAttributes"

 tr
handleError @ livewire.js?id=13b7c601:1123
tryCatch @ livewire.js?id=13b7c601:1118
handler2 @ livewire.js?id=13b7c601:3522
flushHandlers @ livewire.js?id=13b7c601:1281
stopDeferring @ livewire.js?id=13b7c601:1286
deferHandlingDirectives @ livewire.js?id=13b7c601:1289
initTree @ livewire.js?id=13b7c601:1479
(anonime) @ livewire.js?id=13b7c601:1428
start @ livewire.js?id=13b7c601:1427
start2 @ livewire.js?id=13b7c601:8813
(anonime) @ livewire.js?id=13b7c601:10122
livewire.js?id=13b7c601:1123 Alpine Expression Error: Cannot convert undefined or null to object

Expression: "getAttributes"

 <tr wire:replace.self x-data=​"pgRowAttributes({ rowId:​ '9f154c46-4547-4ac1-970a-c062b68e5215', defaultClasses:​ 'border-b border-pg-primary-100 dark:​border-pg-primary-600 hover:​bg-pg-primary-50 dark:​bg-pg-primary-800 dark:​hover:​bg-pg-primary-700', rules:​ JSON.parse('[{\u0022forAction\u0022:​\u0022download\u0022,\u0022apply\u0022:​true,\u0022applyLoop\u0022:​false,\u0022attributes\u0022:​null,\u0022disable\u0022:​false,\u0022hide\u0022:​true,\u0022toggleableVisibility\u0022:​null,\u0022toggleDetailView\u0022:​\u0022livewire-powergrid:​:​components.frameworks.tailwind.no-toggle-detail\u0022,\u0022editOnClickVisibility\u0022:​null,\u0022fieldHideEditOnClick\u0022:​false,\u0022fieldHideToggleable\u0022:​false}​]​')​ }​)​" x-bind=​"getAttributes">​…​</tr>​
handleError @ livewire.js?id=13b7c601:1123
tryCatch @ livewire.js?id=13b7c601:1118
handler2 @ livewire.js?id=13b7c601:3522
flushHandlers @ livewire.js?id=13b7c601:1281
stopDeferring @ livewire.js?id=13b7c601:1286
deferHandlingDirectives @ livewire.js?id=13b7c601:1289
initTree @ livewire.js?id=13b7c601:1479
(anonime) @ livewire.js?id=13b7c601:1428
start @ livewire.js?id=13b7c601:1427
start2 @ livewire.js?id=13b7c601:8813
(anonime) @ livewire.js?id=13b7c601:10122

[emilsrits]

@arkdev1 have you found a solution to your problem? I am having exact same issue.

[arkdev1]

Hi @emilsrits, unfortunately, no. I'm having some issues with the rules, even on the row side. I have a table that reads IoT devices, and if the data is inconsistent, the row should turn red. However, after some updates, this functionality is also missing.

[luanfreitasdev]

Could anyone create a repository to reproduce this issue?
This would happen if Alpine did not find the function that is executed on the row

[arkdev1]

Could anyone create a repository to reproduce this issue? This would happen if Alpine did not find the function that is executed on the row

yeah, I can put togheter something similar, but the project is too big to be shared on git, also my legal team would be mad 🥲

[luanfreitasdev]

It could just be a skeleton, similar to powergrid-demo