react-electron global object/class

I’m trying to make a global accessible object, so that its values can be changed and can be read from every component. I’ve create a classs with static fields:

export default class Settings {
  static first: string;

  static second: string;
}

Lets say I have two components in separate files:

import Settings from './Settings'

// located in firstComponent file
export default function FirstComponent() {
Settings.First = 'test'    <---------------- SET VALUE
return (some html)
}

// located in secondComponent file
export default function SecondComponent() {
let qq = Settings.First <----------------------- ASSUME HERE IS VALUE "TEST"
}

But it is not working. How I can create static class/fields that will be accessible within all components like C# static classes. Is it even possible?

Thanks in advance