undefined not assignable error within "if" statement, when member of Readonly<T> #28997

interface IProps {
    foo1?: string;
    foo2: string;
}

class Foo<P> {
    protected props: Readonly<P>;

    constructor(props: Readonly<P>) {
        this.props = props;
    }
}

class Bar<P extends IProps> extends Foo<P> {

    private test1() {
        const { foo1, foo2 } = this.props;

        if (foo1) {
            foo1.toUpperCase(); // fine
            this.test2(foo1); // error "Type undefined is not assignable to type string"
        }
        this.test2(foo2); // fine
    }

    private test2(foo: string): void {
    }
}