Panel with Next.js

Questions
1

Are there any specific requirements when using Panel component, I keep on getting error but can’t find anything related in docs.

Getting error:
Unhandled Runtime Error
TypeError: Cannot read properties of undefined (reading ‘create’)

function MyApp({ Component, pageProps }) {
    // current Next.js route
    const router = useRouter();
    const url = `${process.env.NEXT_PUBLIC_HOST}${router.asPath}`;

    return (
        <App url={url} routes={f7params.routes}>
            <View
                main
                iosDynamicNavbar={false}
                browserHistory
                browserHistorySeparator=""
                browserHistoryInitialMatch={true}
                browserHistoryStoreHistory={false}
                url="/"
            >
                <NavabrMain />
                <Panel right reveal></Panel>
                <Component initialPage {...pageProps} />
            </View>
        </App>
    );
}

export default MyApp;

I need site wide menu in the panel

2

Make sure you have installed Panel component, or use Framework7 bundle version Lazy Modules | Framework7 Documentation

3

Everything was in place but didn’t work, reverting back to boilerplate and starting over, hard to say where the problem was.

4

@Bobz-zg what version of Framework7 are you using? Having problems setting it up for the Framework7 v8 and NextJS v13

Boilerplate code is for Framework7 v6 and v10 of NextJS