react-custom-hooks-utils/src/Each.js

This library contains a collection of reusable React custom hooks to simplify state management, side effects, and user interactions.

import { Children } from 'react'

export const Each = ({ render, of }) => {
    if (!Array.isArray(of)) {
        return null;
    }

    return Children.toArray(of.map((item, index) => render(item, index)));
};