chakra-react-select icon indicating copy to clipboard operation
chakra-react-select copied to clipboard
verified publisher icon csandman

[BUG] Incompatible with Chakra UI Pro theme

Open chriskuech opened this issue 1 year ago • 3 comments

Description

When I installed Chakra UI Pro theme and import chakra-react-select, then the app crashes with the following stack traces: image

chakra-react-select Version

4.7.6

Link to Reproduction

No response

TypeScript?

  • [X] Yes I use TypeScript

Steps to reproduce

  1. Install and configure Chakra UI Pro theme
  2. Instantiate a Select from chakra-react-select

Operating System

  • [X] macOS
  • [ ] Windows
  • [ ] Linux
  • [ ] iOS/iPadOS
  • [ ] Android

Additional Information

No response

chriskuech avatar May 11 '24 01:05 chriskuech

Can you give me a code example of how the app is set up? I've never used the Chakra pro theme, so it's hard for me to diagnose this without an example.

csandman avatar May 18 '24 01:05 csandman

Ya its just this guide. It's basically just copying in a chakra theme file.

chriskuech avatar May 19 '24 00:05 chriskuech

Ok, actually looking at the part of the error Cannot read properties of undefined (reading '500'), this makes me think this package is not able to find one of the basic color palettes for red or blue that the normal theme has. Are the base color scheme colors not available in the pro theme color palette?

If not, you'd have to pass the selectedOptionColorScheme prop with some color palette the theme actually has. I believe this should fix the issue but let me know if not.

csandman avatar May 21 '24 18:05 csandman

Since no more information has been provided and this has been stale for a while, I'm going to close it. If there's anything else you need, I can re-open the issue.

csandman avatar Oct 10 '24 01:10 csandman