pragma cannot be set when runtime is automatic with nextjs

[username14415]

Based on the example: https://atlassian.design/components/pragmatic-drag-and-drop/examples#tree
Using nextjs with React 18.2.0 i get pragma cannot be set when runtime is automatic with nextjs errors

I've found a "solution" by adding /** @jsxRuntime classic */ to every file (include node_modules) but i don't think it's a good idea for production projects
https://community.developer.atlassian.com/t/unable-to-consume-atlaskit-in-react-18/58519
https://www.reddit.com/r/reactjs/comments/12lm0gh/comment/kobevic/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button

Any idea how to fix it?

[alexreardon]

Hi there,

Which package is giving you that issue? Our react-drop-indicator package?

[username14415]

yes, plus other atlaskit components like: button, dropdown-menu

[alexreardon]

What styling solution are you using @username14415 ?

[username14415]

just css