Есть ли способ заставить атрибут стиля элемента React JSX распознавать настраиваемое свойство CSS?
В документации Linariaздесь утверждается, что должно быть возможно следующее:
export function Box({ size }) {
return (
<div
className={box}
style={{ '--box-size': size }}
/>
);
}
Однако компилятор обоснованно допускает такие ошибки
Type '{ '--box-size': any; }' is not assignable to
type 'Properties<string | number, string & {}>'.
Object literal may only specify known properties,
and ''--box-size'' does not exist in type
'Properties<string | number, string & {}>'.
index.d.ts(1863, 9): The expected type comes from
property 'style' which is declared here on type
'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>,
HTMLDivElement>'
Есть ли способ пройти в--box-size
- или любое пользовательское свойство CSS - в элемент JSX?