Uncaught TypeError: styled_components__WEBPACK_IMPORTED_MODULE_1__.default.View is not a function

[nicolassanmar]

When I import this library and try to use it, it makes the web app crash. It works fine on mobile. I saw a pull request that tried to solve what I believe is the same issue, but I'm using the latests versions and it's not working. I created the project using Ignite, and haven't imported any other library except for this one.

---

Uncaught TypeError: styled_components__WEBPACK_IMPORTED_MODULE_1__.default.View is not a function
at Module.../../../react-native-draganddrop-board/src/components/EmptyColumn/EmptyColumn.styled.js (EmptyColumn.styled.js:8:1)
at webpack_require (bootstrap:789:1)
at fn (bootstrap:100:1)
at Module.../../../react-native-draganddrop-board/src/components/EmptyColumn/EmptyColumn.js (EmptyColumn.js:1:1)
at webpack_require (bootstrap:789:1)
at fn (bootstrap:100:1)
at Module.../../../react-native-draganddrop-board/src/components/Column/Column.js (Carousel.styled.js:3:1)
at webpack_require (bootstrap:789:1)
at fn (bootstrap:100:1)
at Module.../../../react-native-draganddrop-board/src/components/Board/Board.js (next.png:1:1)
at webpack_require (bootstrap:789:1)
at fn (bootstrap:100:1)
at Module.../../../react-native-draganddrop-board/src/components/index.js (index.js:1:1)
at webpack_require (bootstrap:789:1)
at fn (bootstrap:100:1)
at Module.../../../../app/screens/team-select/team-select-screen.tsx (team-select-screen.tsx:1:1)
at webpack_require (bootstrap:789:1)
at fn (bootstrap:100:1)
at Module.../../../../app/screens/index.ts (index.ts:1:1)
at webpack_require (bootstrap:789:1)
at fn (bootstrap:100:1)
at Module.../../../../app/navigators/app-navigator.tsx (setup-root-store.ts:27:1)
at webpack_require (bootstrap:789:1)
at fn (bootstrap:100:1)
at Module.../../../../app/navigators/index.ts (index.ts:1:1)
at webpack_require (bootstrap:789:1)
at fn (bootstrap:100:1)
at Module.../../../../app/app.tsx (App.js:6:1)
at webpack_require (bootstrap:789:1)
at fn (bootstrap:100:1)
at Module.../../../../App.js (App.js:2:1)
at webpack_require (bootstrap:789:1)
at fn (bootstrap:100:1)
at Module.../../../expo/AppEntry.js (AppEntry.js:1:1)
at webpack_require (bootstrap:789:1)
at fn (bootstrap:100:1)
at Object.0 (index.js:4:1)
at webpack_require (bootstrap:789:1)
at bootstrap:856:1
at bootstrap:856:1

react-native-logs.fx.ts:22 ../../../../../../node_modules/react-native-draganddrop-board/src/components/Column/Column.styled.js
Attempted import error: 'marginRight' is not exported from 'styled-system'.

Uncaught ReferenceError: process is not defined
at Object.4043 (:2:13168)
at r (:2:306599)
at Object.8048 (:2:9496)
at r (:2:306599)
at Object.8641 (:2:1379)
at r (:2:306599)
at :2:315627
at :2:324225
at :2:324229
at HTMLIFrameElement.e.onload (index.js:1:1)