Filament table SelectFilter not working properly

Getting this error in chrome console, after the outside click

Alpine Expression Error: Cannot read properties of undefined (reading 'getElementsByClassName')

Expression: "const recordsOnPage = getRecordsOnPage()

                                            if (recordsOnPage.length && areRecordsSelected(recordsOnPage)) {
                                                $el.checked = true

                                                return 'checked'
                                            }

                                            $el.checked = false

                                            return null"

 <input type=​"checkbox" class=​"fi-checkbox-input rounded border-none bg-white shadow-sm ring-1 transition duration-75 checked:​ring-0 focus:​ring-2 focus:​ring-offset-0 disabled:​pointer-events-none disabled:​bg-gray-50 disabled:​text-gray-50 disabled:​checked:​bg-current disabled:​checked:​text-gray-400 dark:​bg-white/​5 dark:​disabled:​bg-transparent dark:​disabled:​checked:​bg-gray-600 text-primary-600 ring-gray-950/​10 focus:​ring-primary-600 checked:​focus:​ring-primary-500/​50 dark:​text-primary-500 dark:​ring-white/​20 dark:​checked:​bg-primary-500 dark:​focus:​ring-primary-500 dark:​checked:​focus:​ring-primary-400/​50 dark:​disabled:​ring-white/​10" wire:loading.attr=​"disabled" wire:target=​"gotoPage,nextPage,previousPage,removeTableFilter,removeTableFilters,reorderTable,resetTableFiltersForm,sortTable,tableColumnSearches,tableFilters,tableRecordsPerPage,tableSearch" wire:key=​"WeOF4p0B3sSI1Yx9WK4n.table.bulk_select_page.checkbox.18us017XgxKiSnx6" x-bind:checked=​"const recordsOnPage = getRecordsOnPage()​

                                            if (recordsOnPage.length && areRecordsSelected(recordsOnPage)​)​ {
                                                $el.checked = true

                                                return 'checked'
                                            }​

                                            $el.checked = false

                                            return null" x-on:click=​"toggleSelectRecordsOnPage">​

 Uncaught TypeError: Cannot read properties of undefined (reading 'getElementsByClassName')
    at Proxy.getRecordsOnPage (http://127.0.0.1:8000/js/filament/tables/components/table.js?v=3.2.0.0:1:1206)
    at eval (eval at safeAsyncFunction (http://127.0.0.1:8000/livewire/livewire.js?id=4495682f:1243:21), <anonymous>:3:66)
    at [Alpine] const recordsOnPage = getRecordsOnPage()

                                            if (recordsOnPage.length && areRecordsSelected(recordsOnPage)) {
                                                $el.checked = true

                                                return 'checked'
                                            }

                                            $el.checked = false

                                            return null (eval at safeAsyncFunction (http://127.0.0.1:8000/livewire/livewire.js?id=4495682f:1243:21), <anonymous>:13:59)
    at http://127.0.0.1:8000/livewire/livewire.js?id=4495682f:1265:23
    at tryCatch (http://127.0.0.1:8000/livewire/livewire.js?id=4495682f:1185:14)
    at http://127.0.0.1:8000/livewire/livewire.js?id=4495682f:3437:19
    at Array.reactiveEffect (http://127.0.0.1:8000/livewire/livewire.js?id=4495682f:2359:18)
    at flushJobs (http://127.0.0.1:8000/livewire/livewire.js?id=4495682f:706:15)

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'getElementsByClassName')
    at Proxy.getRecordsOnPage (http://127.0.0.1:8000/js/filament/tables/components/table.js?v=3.2.0.0:1:1206)
    at eval (eval at safeAsyncFunction (http://127.0.0.1:8000/livewire/livewire.js?id=4495682f:1243:21), <anonymous>:3:66)
    at [Alpine] const recordsOnPage = getRecordsOnPage()

                                            if (recordsOnPage.length && areRecordsSelected(recordsOnPage)) {
                                                $el.checked = true

                                                return 'checked'
                                            }

                                            $el.checked = false

                                            return null (eval at safeAsyncFunction (http://127.0.0.1:8000/livewire/livewire.js?id=4495682f:1243:21), <anonymous>:13:59)
    at http://127.0.0.1:8000/livewire/livewire.js?id=4495682f:1265:23
    at tryCatch (http://127.0.0.1:8000/livewire/livewire.js?id=4495682f:1185:14)
    at http://127.0.0.1:8000/livewire/livewire.js?id=4495682f:3437:19
    at Array.reactiveEffect (http://127.0.0.1:8000/livewire/livewire.js?id=4495682f:2359:18)
    at flushJobs (http://127.0.0.1:8000/livewire/livewire.js?id=4495682f:706:15)

same