Function useAtom

packages/xstate-store-react/src/index.ts:238–256

(
  definition: AnyAtom | AtomConfig<any, any>,
  selectorOrInput?: any,
  compare = defaultCompare
)

  compare?: (a: S, b: S) => boolean
): S;
export function useAtom(
  definition: AnyAtom | AtomConfig<any, any>,
  selectorOrInput?: any,
  compare = defaultCompare
) {
  const atomRef = useRef<any>(undefined);

  if (isAtom(definition)) {
    return useSelector(definition, selectorOrInput ?? identity, compare);
  }

  if (!atomRef.current) {
    atomRef.current = definition.createAtom(selectorOrInput);
  }

  const state = useSelector(atomRef.current, identity, compare);

  return state;
}

/**
 * Creates or subscribes to an atom for the lifetime of a React component.