CSS modules not being loaded when classes have hashes

[VicMCA]

Hello, in the project I'm working on we're using ComponentName.modules.css files for modular styling, with no preprocessors, and so far I've been trying to have the same work with react-select without success. Apparently it doesn't recognize classes with hashes out of the box, so the properties "className" and "classNamePrefix" haven't been working as intended.

Is there any workaround that doesn't involve using a preprocessor, the style API, applying the styles to :global (which defeats the purpose of using CSS modules in the first place) or using ComponentName.styles.css (which also defeats the purpose)? We'd like to keep using CSS modules to keep the project organization consistent for future documentation.

[rich-exogee]

Can I add my tuppence to this? React-Select is a great piece of software but I have long struggled getting it to work with CSS-Modules, however CSS-Modules is configured. The classNames prop as of version 5.7.0 seems to move things forward, but still makes it very difficult to override default styles. This is particularly because of the CSS-in-JS factor. The specific workaround shown in https://github.com/JedWatson/react-select/blob/master/storybook/stories/ClassNamesWithTailwind.stories.tsx depends on the use of Emotion, and I don't want to have to install Emotion just to use this one workaround. Thank you.