Глобальные переменные наблюдателя reactjs

Question

Можно ли наблюдать глобальную константу, например, gloabl const, мы можем назвать это Auth.ts

Я бы хотел сделать это https://mobx-react.js.org/observe-how но глобально

import { observable, action, computed } from 'mobx';

const userAutehnticationObserver = observable({
  loggedIn: false,
  tokenId: ''
})

и из другой функции tsx

import React from "react";

    const Dashboard = () => {
    const P1 = observer(function P1({ userAutehnticationObserver }) {
      return <h1>{person.name}</h1>
    })
      return (
        <div>
        </div>
      );
    };
    export default Dashboard;

и третья функция меняет что-то onClick на первую глобальную константу, которая наблюдается этой второй функцией

Answer 1

Да, конечно, вы можете сделать это, по сути, вы вводите хранилище в различные компоненты, которые вам нужны, чтобы в случае, если вам нужно что-то изменить, можно использовать действие, чтобы произвести изменение в глобальном хранилище. Это будет отражено во всех компонентах, которые внедрили хранилище и использовали наблюдателя