cloneElement is not working properly

cloneElement is not working for extended classes or stateless react components Both examples are working in React but only second is working in Preact.

working only in React

class Test extends Component {
}

cloneElement(Test, { param: 111});

working in both React and Preact

class Test extends Component {
}

cloneElement(<Test />, { param: 111});

I know that standard is to return <Test param={111} /> but this behaviour is inconsistent with react. Maybe it is related to preact-compat

[paul-craciunoiu-ck]

@developit ah I figured this out. It’s actually the lack of support for synthetic events that was the issue.

[marvinhagemeister]

@prateekbh cloneElement only works on single elements, and the children prop is always of type array. In your case you likely don’t need cloneElement at all.

I just compared our implementation with react’s and we both do the same thing, minus the difference with synthetic events.