(...).hcOffcanvasNav is not a function after Upgrade to 5.0.3 about hc-offcanvas-nav HOT 7 CLOSED

// any CSS you import will output into a single css file (app.css in this case)
import '../css/app.css';
// Need jQuery? Install it with "yarn add jquery", then uncomment to import it.
import $ from 'jquery';
import 'bootstrap';
import 'noty';
import hcOffcanvasNav from 'hc-offcanvas-nav';

$(function () {
// ===========Right Sidebar============
    $('[data-toggle="offcanvas"]').on('click', function () {
        $('body').toggleClass('toggled');
    });
    // ===========Hover Nav============ 
    $('.navbar-nav li.dropdown').on('mouseenter', function () {
        $(this).find('.dropdown-menu').stop(true, true).delay(100).fadeIn(500);
    });
    $('.navbar-nav li.dropdown').on('mouseleave', function () {
        $(this).find('.dropdown-menu').stop(true, true).delay(100).fadeOut(500);
    });
    // ===========Tooltip============
    $('[data-toggle="tooltip"]').tooltip();
    // ===========Mobile Menu============
    new hcOffcanvasNav('#main-nav', {
        disableAt: false,
        customToggle: $('.toggle')[0],
        levelSpacing: 40,
        navTitle: 'MENÚ PRINCIPAL',
        labelClose: 'Cerrar',
        labelBack: 'Atrás',
        levelTitles: true,
        levelTitleAsBack: true,
        pushContent: '#container',
        insertClose: 2
    });
});

import hcOffcanvasNav from 'hc-offcanvas-nav';

const Nav = new hcOffcanvasNav('#main-nav', {
    disableAt: false,
    customToggle: $('.toggle'),
    levelSpacing: 40,
    navTitle: 'MENÚ PRINCIPAL',
    labelClose: 'Cerrar',
    labelBack: 'Atrás',
    levelTitles: true,
    levelTitleAsBack: true,
    pushContent: '#container',
    insertClose: 2
});