const providers = [{Component: XyZ, props: {a: 'b'}}]

export const combineComponents = (...components) =>

components.reduce(

(AccumulatedComponents, { CurrentComponent, props = {} }) => ({

children,

}) => (

<AccumulatedComponents>

<CurrentComponent {...props}>{children}</CurrentComponent>

</AccumulatedComponents>

),

({ children }) => <>{children}</>

);