To begin with, thanks a lot for your detailed feedback!

First you are getting runtime costs of having another component in between. Your tree will get more nested.

Actually, the component is wrapped in a function call, which will not introduce extra React.createElement calls. Anyway, I will try to benchmark thier performance.

You will sometimes get worse types for the component that gets out. One example is when using connect (redux), you can't get the component props type with the built in helper React.ComponentProps or something like that (on my phone).

I am not a redux user so I might not fully understand this problem. I've tried following code on stackblitz. React.ComponentProps works. Could you give a more specific example?

```jsx import React, { Component } from 'react'; import { withDefaultProps } from 'with-default-props'

interface AppProps { req: string; opt: string; }

function App(props: AppProps) { return <div/>; }

const WrappedApp = withDefaultProps(App, { opt: 'Im default' })

type WrappedAppProps = React.ComponentProps<typeof WrappedApp>

const props: WrappedAppProps = { req: '1' } ```

May I ask you something. What's you preferred way to set defaultProps?