Getting warning "shadow*" style props are deprecated. Use "boxShadow" for expo-web in nx-workspace without webpack.

[pratish-respo]

Current behavior

I am using react-native-walkthrough-tooltip 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 "shadow*" style props are deprecated. Use "boxShadow".

Expected behavior

Instead of using shadow in styles as below

shadow: {
shadowColor: 'black',
shadowOffset: { width: 0, height: 2 },
shadowRadius: 2,
shadowOpacity: 0.8,
}

we have to use boxShadow which uses a space separated string containing styles as below

shadow: {
boxShadow: "0px 2px 2px #000000CC"
}

This above change removes the warning in web.

Platform

• Android
• iOS
• Web
• Windows
• MacOS

Environment

package	version
react-native-walkthrough-tooltip	1.5.0
react-native-web	0.19.6
react-native	0.72.4
expo	49.0.20
node	16.20.0
npm or yarn	9.6.7