Sometimes we don't want to prop drill or have many components where we don't know where they will exist in the component tree,
but have frequent enough updates where a simple Context will cause unncessary re-renders or performance issues.
By utilizing useSyncExternalStore with a simple store, we can avoid this and have only the
components who care about the updates get re-rendered.
This may be similar to something like Redux or Zuestand, but for simple things, those are overkill to import an entire package for. The example I provided above can be a nice quick way of handling these occasional use cases without diving full send into a state management library.