blog-understanding-clonelement-isvalidelement-andrender-props-2.js

function Buttons({ children }) {
  const newProps = {
    className: "highlight",
    onClick: () => console.log("Clicked!")
  };
  return (
    <>
      {children.map((child, index) =>
        React.isValidElement(child) &&
        React.cloneElement(child, { ...newProps, key: index })
      )}
    </>
  );
}