Not working with chakra 2.5.*

[Martinnord]

Hey! Awesome lib!

I updated my chakra from 2.2.4 to 2.5.4 and styles are breaking.

Any plans on supporting the latest chakra?

[jeanverster]

Hey @Martinnord - what version of chakra-ui-steps do you have installed?

[Martinnord]

I have 1.8.0 installed. When I tried upgrading to chakra 2.5.4 it broke the styles. I downgraded chakra to 2.4.0 then it started working again.

I tried upgrading chakra-ui-steps to 2.1.0 and using it with chakra 2.5.4, but that also broke the styles.

Now I'm running chakra with 2.4.0 and chakra-ui-steps with 1.8.0 and it works good.

[jeanverster]

I suspect it might be something with how things are configured, I just started up a new repo using latest chakra and chakra-ui-steps and it all seems to be working as expected:

https://stackblitz.com/edit/vitejs-vite-gcwrmp

How have you configured the theme? And could you maybe share how you're using the steps component?

[BustosAndrew]

@jeanverster I think you should also update the framer motion dependency since it's complaining about my project not having version 7. I have it as version 10.

`

npm ERR! code ERESOLVE

15:41:07.909 | npm ERR! ERESOLVE could not resolve
15:41:07.909 | npm ERR!
15:41:07.910 | npm ERR! While resolving: chakra-ui-steps@2.1.0
15:41:07.910 | npm ERR! Found: framer-motion@10.10.0
15:41:07.910 | npm ERR! node_modules/framer-motion
15:41:07.910 | npm ERR! framer-motion@"^10.6.0" from the root project
15:41:07.910 | npm ERR! peer framer-motion@">=4.0.0" from @chakra-ui/accordion@2.1.11
15:41:07.910 | npm ERR! node_modules/@chakra-ui/accordion
15:41:07.910 | npm ERR! @chakra-ui/accordion@"2.1.11" from @chakra-ui/react@2.5.5
15:41:07.910 | npm ERR! node_modules/@chakra-ui/react
15:41:07.911 | npm ERR! @chakra-ui/react@"^2.5.2" from the root project
15:41:07.911 | npm ERR! 1 more (chakra-ui-steps)
15:41:07.911 | npm ERR! 8 more (@chakra-ui/menu, @chakra-ui/modal, @chakra-ui/popover, ...)
15:41:07.911 | npm ERR!
15:41:07.911 | npm ERR! Could not resolve dependency:
15:41:07.911 | npm ERR! peer framer-motion@"^7.0.0" from chakra-ui-steps@2.1.0
15:41:07.911 | npm ERR! node_modules/chakra-ui-steps
15:41:07.911 | npm ERR! chakra-ui-steps@"^2.1.0" from the root project
15:41:07.911 | npm ERR!
15:41:07.911 | npm ERR! Conflicting peer dependency: framer-motion@7.10.3
15:41:07.911 | npm ERR! node_modules/framer-motion
15:41:07.911 | npm ERR! peer framer-motion@"^7.0.0" from chakra-ui-steps@2.1.0
15:41:07.911 | npm ERR! node_modules/chakra-ui-steps
15:41:07.911 | npm ERR! chakra-ui-steps@"^2.1.0" from the root project
15:41:07.912 | npm ERR!
15:41:07.912 | npm ERR! Fix the upstream dependency conflict, or retry
15:41:07.912 | npm ERR! this command with --force, or --legacy-peer-deps
15:41:07.912 | npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

`

[cenkSengunlu]

I suspect it might be something with how things are configured, I just started up a new repo using latest chakra and chakra-ui-steps and it all seems to be working as expected:

https://stackblitz.com/edit/vitejs-vite-gcwrmp

How have you configured the theme? And could you maybe share how you're using the steps component?

It is working but It shouldn't have onClick event in 'Basic' version. When you click on the steps colors are change like it is 'Clickable' version.