useFormData

useFormData.ts

import { useMemo } from 'react';

type Params = {
  [key: string]: any;
}

export function useFormData(params: Params): FormData {
  const memoizeFormData = useMemo(() => {
    const formData = new FormData();
    Object.entries(params).forEach(([key, value]) => {
      if (Array.isArray(value)) {
        value.forEach((v) => {
          formData.append(key, v);
        });
      } else {
        formData.append(key, value);
      }
    });
    return formData;
  }, [params]);

  return memoizeFormData;
}

UseFormDataSample.tsx

const formData = useFormData({
  name,
  tel,
  password,
});

await registerUser({
  params: formData
})