react-encompass-ecs/src/updator.ts

Sync data from encompass-ecs to React

import { useState, useEffect } from 'react';
import { updaterContext } from './sync';

export function useUpdate(forceRender: boolean) {
  // force update component on component value change, since what we get till now is just a reference, it won't change despite of internal value changed by ecs engines
  const [, set] = useState(true);
  useEffect(() => {
    if (forceRender) {
      const subscription = updaterContext.subscribe(() => set(value => !value));
      return () => subscription.unsubscribe();
    }
  }, [forceRender]);
}