[Bug]: Uncaught TypeError: node is null addScopeToNode livewire.js?id=239a5c52:1057

[heronour]

What happened?

I got this error every time when datable is loaded, and every time on refresh

How to reproduce the bug

Juste on page load or reload component

Package Version

3.2.4

PHP Version

8.1.x

Laravel Version

10.48.8

Alpine Version

3.13.3

Theme

Bootstrap 5.x

Notes

No response

Error Message

Uncaught TypeError: node is null
    addScopeToNode

[heronour]

Is there any response ?

[lrljoe]

So you're using BootStrap 5.

Can you share the code from your configure() please

Have you previously upgraded from an earlier version of the package? Have you published the views?

Are you bundling the js/css, or are you using the injection approach?

[heronour]

Hi, Yes I use bootstrap5 this is my configure():

        $this->setEmptyMessage('No results found')
            ->setPrimaryKey('node_id')
            ->setDefaultSort('nodes.updated_at', 'desc')

            ->setSearchPlaceholder('Search')
            ->setSearchThrottle(3)

            ->setHideBulkActionsWhenEmptyEnabled()

            ->setComponentWrapperAttributes([
                'node_id' => 'asset-id',
            ])
            ->setTableAttributes([
                'default' => true,
                'class' => 'table-bordered table-striped',
            ])
            ->setSelectAllEnabled()
            
            ->setFilterLayout('slide-down')
            ->setConfigurableAreas([
                'toolbar-left-end' => [
                    'livewire.shared.includes.header-btns', [
                        'param1' => 0
                    ],
                ],
                'toolbar-right-start' => [
                    'frontend.near.asset.include.assign-to-circle-modal',
                ]
            ]);

Have you previously upgraded from an earlier version of the package? => Have you published the views? => no Are you bundling the js/css, or are you using the injection approach?

=>Yes, below my config file content:

    /**
     * Enable or Disable automatic injection of core assets
     */
    'inject_core_assets_enabled' => true,

    /**
     * Enable or Disable automatic injection of third-party assets
     */
    'inject_third_party_assets_enabled' => true,

    /**
     * Enable Blade Directives (Not required if automatically injecting or using bundler approaches)
     */
    'enable_blade_directives' => true,

    /**
     * Customise Script & Styles Paths
     */
    'script_base_path' => '/rappasoft/laravel-livewire-tables',

In my browser I have this: