Uncaught TypeError: Cannot read properties of undefined (reading ) at preline_overlay.js?v=94156e5f:130

[DanarGdg]

im trying to use sidebar preline overlay and try event.

import HSOverlay from "@preline/overlay";

const element = HSOverlay.getInstance('#docs-sidebar');

el.on('close', (instance) => {
    console.log('close');
});

and got this error

@preline_overlay.js?v=94156e5f:130 Uncaught TypeError: Cannot read properties of undefined (reading 'find')
    at t3.getInstance (@preline_overlay.js?v=94156e5f:130:50)
    at sidebar.js?t=1704445024320:3:31

[hieuhuynh93]

Try this one

window.onload = function () {
   const element = HSOverlay.getInstance('#docs-sidebar');
     el.on('close', (instance) => {
         console.log('close');
     });
}

or

import  { HSOverlay } from "@preline/overlay";
window.HSOverlay = HSOverlay;

const element = HSOverlay.getInstance('#docs-sidebar');

el.on('close', (instance) => {
    console.log('close');
});

[nate12]

It's working for me

import  { HSOverlay } from "preline";
HSOverlay.autoInit();

const {element} = HSOverlay.getInstance('#docs-sidebar', true);

element.on('close', (instance) => {
    console.log('close');
});

[jahaganiev]

Looks like the issue has been addressed. @DanarGdg if you are still having an issue, please open a new issue with a link to your source code example. Thanks!