Can't display Skeleton animation

Hi!

I’m trying to move my application from Material-UI to Chakra-UI, but I’m failling to make Skeleton component to work.

I’m using NextJS as my framework, and I have already create the required ChakraProvider. Any Chakra component is working as expected, but as soon as I add a Skeleton it simply wont show. It creates the div, adds the required classes to it, but the animation won’t work.

Any idea how to fix it?

[ljosberinn]

No, here’s a nextjs sandbox where it behaves exactly the same 🤔 https://codesandbox.io/s/compassionate-mclean-c0s9j?file=/pages/index.js

[delucca]

@yotam707

Yep, actually the problem was the following: I’ve created some custom component theme styles. For each style I’ve created a given Componen.ts file. For example, I had: components/Skeleton.ts, components/Popover.ts and I was importing all of those in a componen/index.ts module, which I was using directly inside my theme.

For some strange reason, Chakra can’t resolve default exported modules at that level, and it was breaking my Skeleton component.