'./dist/bootstrap-vue-next.mjs?' does not provide an export named 'BootstrapVueNext'

In my laravel application after i installing npm install bootstrap bootstrap-vue-next and updating the vite.config.js :

import { BootstrapVueNext } from 'bootstrap-vue-next';
import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap-vue-next/dist/bootstrap-vue-next.css';
.
createInertiaApp({
    title: (title) => `${title} - ${appName}`,
    resolve: (name) => resolvePageComponent(`./Pages/${name}.vue`, import.meta.glob('./Pages/**/*.vue')),
    setup({ el, App, props, plugin }) {
        return createApp({ render: () => h(App, props) })
            .use(plugin)
            .use(ZiggyVue)
            .use(BootstrapVueNext) // Add BootstrapVueNext to use BootstrapVueNext
            .mount(el);
    },
    progress: {
        color: '#4B5563',
    },
});

this is my bootstrap-vue version "bootstrap-vue-next": "^0.28.6" boom! there is the error Uncaught SyntaxError: The requested module '/node_modules/bootstrap-vue-next/dist/bootstrap-vue-next.mjs?v=38c0c552' does not provide an export named 'BootstrapVueNext' (at app.js:9:10)

I tried everything like default export by removing the curly braces

import { BootstrapVueNext } from 'bootstrap-vue-next';

and with the curly braces, removing nodemodules->.vite folder but still its showing the error i have spend lots of time in this i have researched everywhere but i couldnt find any solution Thanks in advance