Getting warning StyleSheet.compose(a, b) is deprecated; use array syntax, i.e., [a,b] for expo-web in nx-workspace without webpack.

[pratish-respo]

Current behavior

I am using react-native-safe-area-context package in my nx-workspace. In my workspace, I have mobile(react-native) & web(expo-web). When i run my web project with react-native-web version 0.19.6, I am getting a warning StyleSheet.compose(a, b) is deprecated; use array syntax, i.e., [a,b].

Expected behavior

Instead of using StyleSheet.compose in styles as below

style: StyleSheet.compose(styles.fill, style)

we have to use array syntax as below

style: [styles.fill, style]

This above change removes the warning in web.

Platform

• Android
• iOS
• Web
• Windows
• MacOS

Environment

package	version
react-native-safe-area-context	4.7.4
react-native	0.72.4
react-native-web	0.19.6
expo	49.0.20
node	16.20.0
npm	9.6.7

[jacobp100]

As far as I can tell, it's not deprecated by react-native, it looks like react-native-web is deprecating an API they don't own. Maybe you could file an issue with them