Reactで下記のようなコンポーネントを作りました
data は API を受け取るためのものです

const Loop = ({data,children}) => {
   return (
     <ul>{
      data.map((item,index)=> {
        return (
          React.cloneElement(
            children,{
             item
        })) 
      })
    }</ul>
  );
};

しかしこのままだとli要素のコンポーネントしかchildrenに渡せないので汎用的にしたいのですが、
Reactの性質上何かしらのDOMを返さないといけないのでdivにすると今度はliタグが使えなくなったりと応用が利かなくなってしまいます

ReactでDOMを返さずロジックだけのコンポーネントの作成などはできますか?