What could possible cause env() breaking scrollbars?

[CGollhardt]

I have this code (which should working, but does not. Instead it shows the native scrollbar:

import 'overlayscrollbars/overlayscrollbars.css';
import {
    OverlayScrollbars,
    ClickScrollPlugin 
} from 'overlayscrollbars';

OverlayScrollbars.plugin(ClickScrollPlugin);

const osEnvironment = OverlayScrollbars.env();
osEnvironment.setDefaultOptions({
    showNativeOverlaidScrollbars: false,
    scrollbars: {
        autoHide: 'leave',
        autoHideDelay: 0,
        clickScroll: true
    }
});

$(() => {
    const osInstance = OverlayScrollbars($('#mainnav-menu-wrap')[0], {});
});

While this code is working (shows overlay scrollbar):

import 'overlayscrollbars/overlayscrollbars.css';
import {
    OverlayScrollbars,
    ClickScrollPlugin 
} from 'overlayscrollbars';

OverlayScrollbars.plugin(ClickScrollPlugin);

$(() => {
    const osEnvironment = OverlayScrollbars.env();
    osEnvironment.setDefaultOptions({
        showNativeOverlaidScrollbars: false,
        scrollbars: {
            autoHide: 'leave',
            autoHideDelay: 0,
            clickScroll: true
        }
    });
    const osInstance = OverlayScrollbars($('#mainnav-menu-wrap')[0], {});
});

I tried to create a stackblitz, but I can not reproduce it there. (https://stackblitz.com/edit/vitejs-vite-actkh3ar?file=main.js)
But in my project (Webpack, JQuery, KendoUI, MVC) the call outside jquery.ready to OverlayScrollbars.env() is breaking the OverlayScrollbars and showing the native one, even when the DOM is manipulates successfull (data-overlayscrollbars="host").

Any ideas?

Great Package by the way, thank you very much for this :)