extend types for react-style in TypeScript
7/10/2024

react-style 中自定义 css 变量,ts 警告。

通过扩展 csstype 类型。

import type * as CSS from 'csstype';
 
declare module 'csstype' {
  interface Properties {
    // Add a missing property
    WebkitRocketLauncher?: string;
 
    // Add a CSS Custom Property
    '--theme-color'?: 'black' | 'white';
 
    // Allow namespaced CSS Custom Properties
    [index: `--theme-${string}`]: any;
 
    // Allow any CSS Custom Properties
    [index: `--${string}`]: any;
 
    // ...or allow any other property
    [index: string]: any;
  }
}