getting this ERROR Warning: You are setting the style `{ shadowOffset: ... }` as a prop. You should nest it in a style object. E.g. `{ style: { shadowOffset: ... } }` by creating a project using yarn create-expo-app -e with-router-tailwind
NoobMahbub opened this issue · 1 comments
Describe the bug
created a new project with yarn create expo -e with-router-tailwind and run with yarn start, after that getting this ERROR Warning: You are setting the style { shadowOffset: ... }
as a prop. You should nest it in a style object. E.g. { style: { shadowOffset: ... } }
Here is the repo url: https://github.com/expo/examples/tree/master/with-router-tailwind
To Reproduce
you should fix the issues with shadow property
Expected behavior
It should add shadow to explore button but it is not adding
Screenshots
Desktop (please complete the following information):
- OS: Windows
Smartphone (please complete the following information):
- Device: Realme Narzo 50
- OS: Linux
Additional context
created a new project with yarn create expo -e with-router-tailwind and run with yarn start, after that getting this ERROR Warning: You are setting the style { shadowOffset: ... }
as a prop. You should nest it in a style object. E.g. { style: { shadowOffset: ... } }
I have found that it is because of shadow style of Explore button
```<Link
suppressHighlighting
className="flex h-9 items-center justify-center overflow-hidden rounded-md bg-gray-900 px-4 py-2 text-sm font-medium text-gray-50 shadow transition-colors hover:bg-gray-900/90 active:bg-gray-400/90 web:focus-visible:outline-none web:focus-visible:ring-1 focus-visible:ring-gray-950 disabled:pointer-events-none disabled:opacity-50 dark:bg-gray-50 dark:text-gray-900 dark:hover:bg-gray-50/90 dark:focus-visible:ring-gray-300"
href="#"
>
Explore
</Link>```
Here is the repo url: https://github.com/expo/examples/tree/master/with-router-tailwind
When I click on this button I can see this error on my terminal
Also I checked with shadow-lg but same error and no effect on the button
+1 same issue