Repository navigation
TypeScript Type Error When Using rc-select with CSS Modules and Vite. #1143
Description
When using rc-select with CSS Modules and Vite, the following error occurs with exactOptionalPropertyTypes: true enabled:
CSS Module:
/* myStyles.module.css */
.selectBox {
/* styles */
}Component:
import styles from "myStyles.module.css"
const MyComponent = () => (
<Select className={styles["selectBox"]} />
);
Error:
TS2375: Type { className: string | undefined; } is not assignable to type SelectProps<any, DefaultOptionType> with 'exactOptionalPropertyTypes: true'. Consider adding undefined to the types of the target's properties.
Types of property className are incompatible.
Type string | undefined is not assignable to type string
Type undefined is not assignable to type string
Activity
fix: fix typing of BaseSelectProps.className (fixes react-component#1143
hiSandog commentedon Jul 5, 2026
This looks like a good regression-test candidate because the failure is narrowed to “TypeScript Type Error When Using rc-select with CSS Modules and Vite.”. If a minimal fixture can exercise
rc-selectand assert the expected behavior aroundexactOptionalPropertyTypes: true, it would make the eventual fix much easier to keep from regressing.afc163 commentedon Jul 5, 2026
Thanks for the report. We are going to keep the current prop typings as-is and do not plan to adjust rc-select specifically for
exactOptionalPropertyTypescompatibility here.For CSS Modules that may return
string | undefined, please normalize the value before passing it toclassName, or avoid passing the prop when the class is missing.