Function useGateBase

src/react/apiBase.ts:370–408

(
  GateComponent: Gate<Props>,
  props: Props = {} as any,
  scope?: Scope,
)

}

export function useGateBase<Props>(
  GateComponent: Gate<Props>,
  props: Props = {} as any,
  scope?: Scope,
) {
  const {open, close, set} = useUnitBase(
    {
      open: GateComponent.open,
      close: GateComponent.close,
      set: GateComponent.set,
    },
    scope,
  )
  const ForkedGate = React.useMemo(
    () =>
      ({
        open,
        close,
        set,
      } as Gate<Props>),
    [GateComponent, open],
  )

  const propsRef = React.useRef<{value: any; count: number}>({
    value: null,
    count: 0,
  })
  useIsomorphicLayoutEffect(() => {
    ForkedGate.open(propsRef.current.value)
    return () => ForkedGate.close(propsRef.current.value) as any
  }, [ForkedGate])
  if (!shallowCompare(propsRef.current.value, props)) {
    propsRef.current.value = props
    propsRef.current.count += 1
  }
  useIsomorphicLayoutEffect(() => {
    ForkedGate.set(propsRef.current.value)
  }, [propsRef.current.count])
}

function shallowCompare(a: any, b: any) {
  if (a === b) return true