expo / examples

Example projects that demonstrate how to use Expo APIs and integrate Expo with other popular tools
2.14k stars 853 forks source link

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 #461

Open NoobMahbub opened 5 months ago

NoobMahbub commented 5 months ago

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

image

Desktop (please complete the following information):

Smartphone (please complete the following information):

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

fahad-islam commented 5 months ago

+1 same issue