Если css имя модуля равно имени реагирующего компонента, тогда css модуль не работает

Question

Структура файла:

src/
--- DatePicker/
--- --- index.js
--- --- style.module.scss

style.module.s css

.DatePicker {
  background: black;

  input {
    background: red;
  }
}

index. js

import React from 'react';
import CSS from "./style.module.scss";

export const DatePicker =(...props) => {
    return (
        <div className={CSS.DatePicker }>
                <input ref={inputRef}
                       type="text"
                       value={formattedDate}/>
        </div>
    )
};

Сборка без ошибок. Имя класса не добавлено в DOM.

Если переименовать модуль css в «asdasd», все работает

Answer 1

Переименуйте «DatePicker» в «datePicker». CSS Модули не поддерживают использование заглавных букв.