import { useEffect } from 'react';
import { type FormProcessorContextProps } from '../../types';

export const CustomHooksRenderer = ({
  context,
  setContext,
  useCustomHooks,
  setIsLoadingCustomHooks,
}: {
  context: FormProcessorContextProps;
  setContext: (context: FormProcessorContextProps) => void;
  useCustomHooks: (context: Partial<FormProcessorContextProps>) => {
    data: any;
    isLoading: boolean;
    error: any;
    updateContext: (setContext: React.Dispatch<React.SetStateAction<FormProcessorContextProps>>) => void;
  };
  setIsLoadingCustomHooks: (isLoading: boolean) => void;
}) => {
  const { isLoading = false, error = null, data, updateContext } = useCustomHooks(context);

  useEffect(() => {
    if (!isLoading && updateContext) {
      updateContext(setContext);
      setIsLoadingCustomHooks(false);
    }
  }, [isLoading]);

  return null;
};