examples icon indicating copy to clipboard operation
examples copied to clipboard

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

Open KaziMahbuburRahman opened this issue 1 year ago • 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

image

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

KaziMahbuburRahman avatar Jan 24 '24 19:01 KaziMahbuburRahman

+1 same issue

fahad-islam avatar Feb 03 '24 08:02 fahad-islam