redux组件道具默认为未定义打字稿

Question

第一次将TypeScript应用于Redux（菜鸟），通常不使用TypeScript时，此后备有效，但是当默认props为空，null或undefined时，如何运行它？问题在于，当浏览器首次开始运行时，由于查询为空，数组为空。

import React from 'react';
import { connect } from 'react-redux';

interface StateToProps {
    info: any;
}

const Result: React.FC<StateToProps> = ({ info }) => {
    if(info == undefined) return;

    return (
        <div>
            {info.map((data: any, index: number) => {
                console.log(data)
            })}
        </div>
    )
}

const mapStateToProps = (state: any) => {
    return {
        info: state.catalogData.catalogInfo.data || []
    }
}

export default connect(mapStateToProps)(Result);