Klonowanie i wstrzykiwanie propsów za pomocą cloneElement

const clone = React.cloneElement(child, { active: true });

function Tabs({ children, activeIndex, onChange }) {
  return (
    <div className="tabs">
      {React.Children.map(children, (child, i) =>
        React.cloneElement(child, {
          isActive: i === activeIndex,
          onClick: () => onChange(i),
        })
      )}
    </div>
  );
}

React.cloneElement(child, {
  onClick: (e) => {
    child.props.onClick?.(e); // original handler
    handleClick(e);           // injected handler
  },
})

// Replace children with wrapped version
React.cloneElement(child, {}, <strong>{child.props.children}</strong>)

if (React.isValidElement(child)) {
  return React.cloneElement(child, extraProps);
}
return child;