Next.js + react-native-web + (styled-components OR emotion)

[mxmzb]

This combination of packages is very shaky. Both emotion and styled-components run into

Error: Cannot find module 'react-native'

with react-native-web. I am not sure yet what exactly is going on and how to fix it. Looks like I need to tell babel / webpack to alias the "react-native" package to "react-native-web" inside node_modules/styled-components / node_modules/@emotion/native.

I will look into it ASAP, if anyone has another idea, I'd greatly appreciate it. Would be also cool to have this extended in the with-react-native-web example

Other places talking about it:

• react-native-web & @emotion/native Cannot find module 'StyleSheet' emotion-js/emotion#1199
• [React-Native] Expo Web doesn't support styled.Component notation styled-components/styled-components#2624 (partly related)