Executed the following commands:
wasp new chakra-v3
npm i @chakra-ui/react @emotion/react
npx @chakra-ui/cli snippet add
Added the App.tsx with the Chakra provider component.
Added {/* @ts-ignore */} in the two component files (there are some tsconfig.json incompatibilites between Wasp and Chakra v3.
Note
We'll be loosly following the Vite instructions for ShadCN since Wasp is using Vite + React: https://ui.shadcn.com/docs/installation/vite We'll skip some of the steps since they don't apply or they are done differently with Wasp.
You won't be able to use the @ alias setup since it's not currently supported by Wasp. Because of this you'll need to adjust some imports when we generate components, but it should be fairly straightforward to do.