(index):134 Uncaught ReferenceError: OverlayScrollbars is not defined at HTMLDocument.<anonymous> ((index):134:2)

[ser1ze]

Im trying to locally initialize OverlayScroll bars
This is how my head looks like:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://dmp.one/sync?stock_key=b0c0ed121f70bfa8b9006cef5fa85153" async charset="UTF-8"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/overlayscrollbars/2.10.0/browser/overlayscrollbars.browser.es6.js" integrity="sha512-tfNAB7g8B+CcLmZ7/uc29C3xmz4uEuFL26o/ktRlGpjbyNFWSLaqXyIaTZ98sg0mF4/czwDcfFMU5kEOMsvQHA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

this is the script at the end of the body

<script>document.addEventListener("DOMContentLoaded", function() { //The first argument are the elements to which the plugin shall be initialized //The second argument has to be at least a empty object or a object with your desired options OverlayScrollbars(document.querySelectorAll("body"), { }); });</script>

Although i see in Network the library is properly loading, and some styles are being applied correctly