React Native: использование Global. js для хранения глобальных переменных

Question

Допустим, у меня есть Global. js, который выглядит так

module.exports = {
    username: 'Bob',
}

И я хочу получить доступ к значению в приложении. js, которое выглядит так

import GLOBAL from './components/Global';

export default class App extends React.Component {
constructor() {
    super();
    GLOBAL.username = this;
  }
componentDidMount() {
   // Display GLOBAL.username here somehow
   }
}

Если я использую console.log (GLOBAL.username), отображается [объект, Объект]. Если я использую JSON .stringify () вместе с getCircularReplacer () (что, я не уверен, правильно, я просто скопировал руководство по отображению объектов cycli c), я получаю undefined:

getCircularReplacer() {
    const seen = new WeakSet();
    return (key, value) => {
    if (typeof value === "object" && value !== null) {
        if (seen.has(value)) {
            return;
        }
        seen.add(value);
    }
    return value;
    };
};


  constructor() {
    super();
    GLOBAL.username = this;
  }

  componentDidMount() {
    console.log(JSON.stringify(GLOBAL.username, this.getCircularReplacer))

Как отобразить в приложении. js в console.log () имя пользователя «Боб» и как изменить глобальную переменную из приложения. js?