ой интерфейс для CSS (один компонент один myStyle.ts):

import IApp from "../../interfaces/global-interfaces";

export let myStyle: IApp.MyMinimumCssInterface = {

  display: "block",
  background: "#559d96",
  height: "100px",
  textAlign: "center",

};

Мне также нужно в myStyle.d.ts:

 export let myStyle: string;

я также пытаюсь:

 export let myStyle: object;

 export let myStyle: {};

И все работает хорошо.

Но когда я хочу изменить CSS, я получил:

TypeError: Попытка присвоить свойству только для чтения.

Заставь меня с ума среагировать.

Вот часть класса:

export class Header extends React.Component< HeaderI, HeaderStateI , any > {

    public myEvent = Services.CreateEvent(myEventList.iNeedSomeUpdate, {self: this} );
    public myRef: React.RefObject<HTMLDivElement>;
    public myDOM: Element | Text;

    constructor(args: any) {
        super(args);
        this.state = { enabledComponent : true,
                       visibility: true,
                       debugView: false,
                       background: args.background,
                       elements: [],
                    };

        myStyle.background = this.state.background;

        this.myRef = React.createRef();
        this.add = this.add.bind(this);

    }

Это рендер:

  <div style={myStyle} ref={this.myRef} >

Это интерфейс:

declare namespace IApp {

   export interface MyMinimumCssInterface extends CSSProperties {
     display: string;
   }