Function FormKitConfigLoader

packages/react/src/FormKitProvider.ts:133–182

(props: ConfigLoaderProps)

}

function FormKitConfigLoader(props: ConfigLoaderProps) {
  const {
    defaultConfig: useDefaultConfig,
    configFile,
    children,
    ...attrs
  } = props
  const [config, setConfig] = useState<FormKitOptions | null>(null)

  useEffect(() => {
    let mounted = true

    ;(async () => {
      let loadedConfig: Record<string, any> | ((...args: any[]) => FormKitOptions) =
        {}

      if (configFile) {
        const configModule = await import(
          /* @vite-ignore */
          /* webpackIgnore: true */
          configFile
        )
        loadedConfig =
          'default' in configModule ? configModule.default : configModule
      }

      if (typeof loadedConfig === 'function') {
        loadedConfig = loadedConfig()
      }

      const shouldUseDefaultConfig = useDefaultConfig ?? true
      if (shouldUseDefaultConfig) {
        const { defaultConfig } = await import('./defaultConfig')
        loadedConfig = defaultConfig(loadedConfig as any)
      }

      if (mounted) {
        setConfig(loadedConfig as FormKitOptions)
      }
    })()

    return () => {
      mounted = false
    }
  }, [configFile, useDefaultConfig])

  if (!config) return null

  return createElement(FormKitProvider, { ...attrs, config }, children)
}

/**
 * Lazy provider: if config is already present, renders children directly.