Atlaskit editor-core not getting rendered

[vivekm]

hi, I’m getting this error when trying to render atlaskit editor-core

can someone tell me whats happening? I’m using the following packages:
“@babel/core”: “^7.11.1”,
“babel-plugin-styled-components”: “^1.11.1”,
“eslint”: “^5.16.0”,
“eslint-plugin-react”: “^7.20.5”,
“nodemon”: “^2.0.4”,
“parcel-bundler”: “^1.12.4”,
“parcel-plugin-externals”: “^0.5.1”,

[jrichards]

Hi @vivekm,

Thanks for posting in Developer Community. Looking at the error, React is looking for something called SWcE, asking it it’s exported.

Can you post the code causing the issue?

Regards,
James.

[vivekm]

let me first share the packages that we are using for building:
We first tried with latest editor-core package, I was showing the error. so we tried downgrading it, still the same issue persists.

“dependencies”: {
“atlaskit/badge”: “^14.0.4”,
“atlaskit/breadcrumbs”: “^11.2.5”,
“atlaskit/button”: “^15.1.4”,
“atlaskit/checkbox”: “^11.0.4”,
“atlaskit/datetime-picker”: “^11.0.2”,
“atlaskit/drawer”: “^6.0.6”,
“atlaskit/dropdown-menu”: “^10.0.6”,
“atlaskit/dynamic-table”: “^14.2.0”,
“atlaskit/editor-core”: “^153.0.0”,
“atlaskit/flag”: “^14.0.3”,
“atlaskit/form”: “^8.1.4”,
“atlaskit/icon”: “^21.1.1”,
“atlaskit/icon-file-type”: “^6.1.3”,
“atlaskit/icon-object”: “^6.2.2”,
“atlaskit/inline-dialog”: “^13.0.9”,
“atlaskit/inline-edit”: “^12.0.2”,
“atlaskit/inline-message”: “^11.0.6”,
“atlaskit/lozenge”: “^10.1.4”,
“atlaskit/media-core”: “^33.0.0”,
“atlaskit/menu”: “^0.7.0”,
“atlaskit/modal-dialog”: “^11.2.4”,
“atlaskit/pagination”: “^13.1.0”,
“atlaskit/panel”: “^0.4.5”,
“atlaskit/popup”: “^1.3.7”,
“atlaskit/radio”: “^5.0.1”,
“atlaskit/section-message”: “^5.0.2”,
“atlaskit/select”: “^13.0.2”,
“atlaskit/side-navigation”: “^0.7.9”,
“atlaskit/tabs”: “^12.1.3”,
“atlaskit/tag”: “^11.0.9”,
“atlaskit/textarea”: “^4.0.1”,
“atlaskit/textfield”: “^4.0.4”,
“atlaskit/theme”: “^10.0.4”,
“atlaskit/toggle”: “^12.2.0”,
“atlaskit/tooltip”: “^17.0.1”,
“atlaskit/tree”: “^8.2.0”,
“date-io/date-fns”: “^1.3.13”,
“date-io/moment”: “^1.3.13”,
“devexpress/dx-react-chart”: “^2.7.3”,
“devexpress/dx-react-chart-material-ui”: “^2.7.3”,
“devexpress/dx-react-core”: “^2.7.3”,
“material-ui/core”: “^4.11.0”,
“material-ui/icons”: “^4.9.1”,
“material-ui/lab”: “^4.0.0-alpha.56”,
“material-ui/pickers”: “^3.2.10”,
“popperjs/core”: “^2.5.3”,
“reach/menu-button”: “^0.15.3”,
“atlassian-connect-express”: “^7.4.8”,
“axios”: “^0.21.1”,
“body-parser”: “^1.19.0”,
“ckeditor4-react”: “^1.4.0”,
“compression”: “^1.7.4”,
“cookie-parser”: “^1.4.4”,
“crypto-js”: “^4.1.1”,
“echarts”: “^5.2.0”,
“echarts-for-react”: “^3.0.1”,
“errorhandler”: “^1.5.1”,
“esm”: “^3.2.22”,
“expo-jwt”: “^1.4.1”,
“express”: “^4.16.4”,
“express-hbs”: “^2.4.0”,
“helmet”: “^3.21.2”,
“humanize-duration”: “^3.25.1”,
“moment”: “^2.29.1”,
“moment-timezone”: “^0.5.33”,
“morgan”: “^1.9.1”,
“multer”: “^1.4.2”,
“mysql2”: “^2.2.5”,
“nocache”: “^2.1.0”,
“popper”: “^1.0.1”,
“react”: “^16.13.1”,
“react-alert”: “^7.0.2”,
“react-copy-to-clipboard”: “^5.0.3”,
“react-device-detect”: “^2.0.1”,
“react-dom”: “^16.13.1”,
“react-intl”: “^6.0.3”,
“react-papaparse”: “^3.16.1”,
“reactjs-popup”: “^1.5.0”,
“sequelize”: “^5.21.2”,
“sheetjs-style”: “^0.15.8”,
“styled-components”: “^5.2.3”
},
“devDependencies”: {
“@babel/core”: “^7.11.1”,
“babel-plugin-styled-components”: “^1.11.1”,
“concurrently”: “^5.3.0”,
“eslint”: “^5.16.0”,
“eslint-plugin-react”: “^7.20.5”,
“longjohn”: “^0.2.12”,
“ngrok”: “^3.2.7”,
“nodemon”: “^2.0.4”,
“parcel-bundler”: “^1.12.4”,
“parcel-plugin-externals”: “^0.5.1”,
“sqlite3”: “^4.2.0”,
“standard”: “^16.0.3”
}

and regarding the code that caused the issue: the issue occurs as soon as we import the atlaskit editor: