How about writing this in React? I'm a bit stuck on passing parameters.

  import { useEffect, useState } from "react";

  function HookRender({ render }: { render(): React.ReactNode }) {
    return render();
  }

  function Demo() {
    const [list, setList] = useState<
      {
        id: number;
        text: string;
      }[]
    >([]);
    return (
      <>
        {list.map((item) => {
          return (
            <HookRender
              key={item.id}
              render={() => {
                const [a, setA] = useState(0);
                useEffect(() => {
                  //do something
                }, [a]);
                return <div>{item.text}</div>;
              }}
            />
          );
        })}
      </>
    );
  }