@etsoo/react/src/uses/useRefs.ts

TypeScript ReactJs UI Independent Framework

import { DataTypes } from "@etsoo/shared";
import React from "react";

/**
 * Create multiple refs
 * @param fields Fields
 * @returns Result
 */
export function useRefs<F extends ReadonlyArray<string>, T = HTMLInputElement>(
  fields: F
): DataTypes.DI<F, React.MutableRefObject<T | null>> {
  const refs: Record<string, React.MutableRefObject<T | null>> = {};
  fields.forEach((field) => (refs[field] = React.useRef<T>(null)));
  return refs as any;
}