Pass props to child from parent in preact

add_child_props.jsx

import { cloneElement, toChildArray } from "preact";

const AutoTargetBlank = ({ children }) => {
  children = toChildArray(children);
  return (
    <div>
       {children.map((child) => {
        return cloneElement(child, { target: '_blank' });
      })}
    </div>
  )
  
  // we could also just render children if no div is needed
  // return <>{chidren.map(child => cloneElement(child, { target: '_blank' })}</>;
}

// Example

<AutoTargetBlank>
  <a href="http://example.com"
</AutoTargetBlank>