search

atlassian / pragmatic-drag-and-drop

Fast drag and drop for any experience on any tech stack
https://atlassian.design/components/pragmatic-drag-and-drop
Other
9.71k stars 219 forks source link

pragma cannot be set when runtime is automatic with nextjs #67

Open username14415 opened 5 months ago

username14415 commented 5 months ago

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 commented 5 months ago

Hi there,

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

username14415 commented 5 months ago

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

alexreardon commented 5 months ago

What styling solution are you using @username14415 ?

username14415 commented 5 months ago

just css