protonemedia / inertiajs-tables-laravel-query-builder

Inertia.js Tables for Laravel Query Builder
https://protone.media/en/blog/introducing-inertiajs-tables-a-datatables-like-package-for-laravel-query-builder
MIT License
435 stars 123 forks source link

Vue warn: maximum recursive updates exceeded #91

Open weddingdj opened 1 year ago

weddingdj commented 1 year ago

I am using version 2.0.0 and I get this warning which crashes the browser in a production build:

[Vue warn]: Maximum recursive updates exceeded in component <PerPageSelector>. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.

If I use the template slot to force to not render the pagination part of the table, I don't get the warning.

Any help would be appreciated

weddingdj commented 1 year ago

Interestingly, if I import all vue files from the package myself, not compiled, the error does not appear.

grafxflow commented 1 year ago

I can confirm the same that the below (based with my directory) solves the warning appearing.

webpack.mix.js

.alias({
   '@vendor': 'vendor',
})
import Table from "@vendor/protonemedia/inertiajs-tables-laravel-query-builder/js/Components/Table.vue";