Shadcn-ui elements do not animate when using @tanstack/router v1 about router

[SeanCassiere]

I played around with the reproduction above and found that it wasn't properly set up to work with tailwindcss.

When using any of the react examples from Tanstack Router, they are set up to use the Tailwindcss Play CDN for styling. This is meant for quick iteration with tailwindcss without having to perform the full set-up.

As such, the migration steps for moving one of the examples to work with your local tailwindcss setup would require the following:

1. You need to remove the tailwindcss script import in the index.html file, so there isn't any mismatch been the tailwind npm package and the script being loaded from the cdn on page load.
2. You need import the index.css located in the /src directory into your main.tsx file, so your local tailwindcss styles will be applied in to the final generated file.

See the working example here: https://stackblitz.com/edit/tanstack-router-a8ywr5?file=src%2Fmain.tsx

Please confirm and close the issue.

[ZionLG]

I looked around that stackblitz, really weird.
I have a private repo where I use shadcn and vite tanstack router, and the animations work there for me (tested with the sheet), tried searching for reasons why it wouldnt work there but work on my repo, couldnt find anything.

[guysolan]

@SeanCassiere many thanks, brilliant response all resolved.