react栅格组件使用img标签报错

问题遇到的现象和发生背景

今天在react项目用到栅格时出现了问题，在col中一加上img标签就会报错

问题相关代码，请勿粘贴截图

import { Row } from '@b-design/antd';

 <Row className={styles.contentrow}>
            {content.map((item, i) => {
              const { name, info, depart, date, icon } = item;
              return (
                <col span={8} className={styles.contentcol}>
                  <img src={icon} style={{ height: '50px', width: '50px' }} />
                  {/* <h2>{name}</h2>
                  <p>{info}</p> */}
                </col>
              );
            })}
     </Row>

运行结果及报错内容

我的解答思路和尝试过的方法

把img标签注释掉后页面就正常了，加上后会崩溃

我想要达到的结果

在col中不能使用img标签吗，还是需要加上什么

Col 的c不是大写吗？ 你这个 img 注释 还报错吗? 感觉不是这个影响的 。
你鼠标放黄色波浪线上 有啥提示吗

你把src={icon}注释掉看看