How to define defaultProps for a stateless react component in typescript?

Question

I want to define defaultprops for my pure functional component but I get a type error:

export interface PageProps extends React.HTMLProps

        

Answer 1

You can type Page like this:

const Page: StatelessComponent = (props) => (
    // ...
);

Then you can write Page.defaultProps without needing to cast to any (the type of defaultProps will be PageProps).