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
• [X] 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