[Bug] Cannot use framework7 with latest nextjs


There is a bug with the latest framework7 version when integrating with the latest version of nextjs.

I get the following error :

  x pragma cannot be set when runtime is automatic

It can be solved by adding (it would force the runtime to be classic for these files)

/** @jsxRuntime classic */

Before each pragma:

| /** @jsx $jsx */

But it requires to modify source files inside node_module/framework7, I haven’t found a way to solve it globally. Would you make a new release if I created a Pull Request with the changes?

Here are the steps to reproduce:

  1. npx create-next-app@latest
  2. npm install framework7
  3. add import Framework7 from ‘framework7/lite-bundle’; in layout.js

The error should show up when starting the server and loading the homepage.

Please let me know if you have any questions on how to reproduce.

Thank you very much for your amazing framework. I’ve been using it for more than a year and I’m still blown away by it.

I solved it, the key was to move the code that import the framework 7 bundle to a client component, not the layout file