How to use typescript jsdoc annotations for React PropTypes

Question

When defining react components using typescript we can write something like:

class SomeComponent extends React.Component {
         


        

Answer 1

I prefer following form (es2015 + @types/react):

/**
 * @typedef {object} Props
 * @prop {string} className
 * @prop {number} numberProp
 *
 * @extends {Component}
 */
export default class SomeComponent extends Component {
    render() {
        return (
            

                {this.props.numberProp}
            
        );
    }

}