Function useFormKitContextById

packages/react/src/composables/useContext.ts:95–137

(
  id: string,
  effect?: (context: FormKitFrameworkContext<T>) => void
)

}

export function useFormKitContextById<T = any>(
  id: string,
  effect?: (context: FormKitFrameworkContext<T>) => void
): FormKitFrameworkContext<T> | undefined {
  const [effectRef] = useState(() => ({
    current:
      (effect as ((context: FormKitFrameworkContext<T>) => void) | undefined) ??
      undefined,
  }))
  effectRef.current = effect
  const [context, setContext] = useState<FormKitFrameworkContext<T> | undefined>(
    () => getNode<T>(id)?.context as FormKitFrameworkContext<T> | undefined
  )

  useEffect(() => {
    const targetNode = getNode<T>(id)
    if (targetNode) {
      const next = targetNode.context as FormKitFrameworkContext<T>
      setContext(next)
      if (effectRef.current) effectRef.current(next)
      return
    }

    const receipt = watchRegistry(id, ({ payload: node }) => {
      if (node) {
        const next = node.context as FormKitFrameworkContext<T>
        stopWatch(receipt)
        queueMicrotask(() => {
          setContext(next)
          if (effectRef.current) effectRef.current(next)
        })
      }
    })

    return () => {
      stopWatch(receipt)
    }
  }, [id])

  useReactiveStore(context)

  return context
}

export function useFormKitNodeById<T>(
  id: string,