Why ChakraUI provider cause react-spring/parallax not shown

Question

This is just some newbies question, but I'm very confused. What I know is Chakra UI just some style applied to the component. But I found that I can't use react-spring parallax with ChakraUI. I have done some research and found nothing about how to make it work.

I have a normal working React-spring Parallax website, but when I apply <ChakraProvider> </ChakraProvider>, everything disappear. No error shown, but my parallax effect is disappear too

Anyone know how to apply or use react-spring, or any component that 'conflict' with ChakraProvider?

Answer 1

After some trial and error. Seems like react-spring/parallax have some conflict with chakra ui style. At the end, I use Framer Motion because it is compatible with Chakra UI

Answer 2

Try removing the <React.StrictMode> wrapper from index.js