Error with new JSX runtime in NextJS: `Can't resolve 'preact/jsx-dev-runtime'`

Reproduction

Using NextJS 10 with:

• next-plugin-preact@3.0.3
• preact@10.5.12
• preact-render-to-string@5.1.12
• @preact/compat@0.0.4

And the following Babel config:

{
  "presets": [
    [
      "next/babel",
      {
        "preset-react": {
          "runtime": "automatic",
          "importSource": "preact"
        }
      }
    ]
  ]
}

I get the following error:

Module not found: Can't resolve 'preact/jsx-dev-runtime'

Steps to reproduce

• Install latest NextJS with plugin-preact
• Setup new JSX runtime according to Preact/Next docs
• See error

Expected Behavior

• Should support new JSX runtime via babel config

Actual Behavior

• Gives error and does not compile new JSX runtime

[madeleineostoja]

@JoviDeCroock setting importSource to preact/compat fixes it, thanks! Might be worth noting the gotcha with Next somewhere in the docs? Just because it’s such a popular framework.

[JoviDeCroock]

Good point @madeleineostoja I’ll make a PR to next-plugin-preact as that seems to be an ideal location, thanks for pointing this out to us 🙌