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)