const globalObject = {
  value: 0,
  getValue() {
    return globalObject.value
  }
}

function useHook() {
  const [symbol, setSymbol] = useState(Symbol('symbol'))

  // 发生 'change' 事件的时候重置 symbol, 以重新触发 getValue
  useEffect(() => {
    function onChange() {
      setSymbol(Symbol('symbol'))
    }

    eventBus.on('change', onChange)

    return () => {
      eventBus.off('change', onChange)
    }
  }, [])

  const value = useMemo(() => {
    return globalObject.getValue()
  }, [symbol])

  return value
}

function App() {
  useEffect(() => {
    globalObject.value += 1
    eventBus.emit('change')
  }, [])
}

function ComponentA() {
  const value = useHook()
}

function ComponentB() {
  const value = useHook()
}