React and defaultProps cant pass correct props to inner function

TypeScript Version: 2.4.0

Code

import * as React from 'react';
interface CircleProps {
    percent?: number
}
export default class Circle extends React.Component<CircleProps> {
    public static defaultProps: Partial<CircleProps> = {
        percent: 100
    }

    calculateDashArray(percent: number): string {
        return `${percent}`
    }

    render() {
        const strokeDasharray = this.calculateDashArray(this.props.percent)
        return (
            <div>{strokeDasharray}</div>
        )
    }
}

Expected behavior:
this.calculateDashArray should correct accept value of defalutProps
Actual behavior:
Argument of type 'number | undefined' is not assignable to parameter of type 'number'. Type 'undefined' is not assignable to type 'number'.

Inizia riproducendo l’esempio di TypeScript 2.4 nell’issue e verifica come vengono rappresentate le props di React.Component e le defaultProps statiche. Determina il tipo previsto di this.props.percent all’interno di render, quindi aggiungi o aggiorna i test del compilatore per l’errore mostrato e il comportamento di default-prop. Il lavoro è completato quando l’esempio accetta il valore fornito come predefinito senza indebolire il controllo delle prop non correlate.