umi4自定义布局后，icon图标无法正常显示

[YH-82]

复现代码：https://github.com/YH-82/umi4-ProLayout-

项目引入了ProLayout来进行自定义布局（不使用配置的layout），主要代码如下
.umirc.ts

import { defineConfig } from '@umijs/max';

export default defineConfig({
  antd: {},
  access: {},
  model: {},
  initialState: {},
  request: {},
  routes: [
    {
      path: '/',
      redirect: '/home',
    },
    {
      name: '首页',
      path: '/home',
      component: './Home',
    },
    {
      name: '测试',
      path: '/',
      component: './Layout',
      layoutName: 'BasicLayout',
      routes: [
        {
          name: '权限演示',
          path: '/access',
          // ！！！！在这里添加了图标
          icon: 'Home',
          component: './Access',
        },
        {
          name: ' CRUD 示例',
          path: '/table',
          component: './Table',
        },
      ]
    },


  ],
  npmClient: 'pnpm',
});

Layout/index.tsx

import { Outlet, useAppData, useAccessMarkedRoutes } from "@umijs/max"
import { ProLayout } from "@ant-design/pro-components";

const findLayoutRoutes = (routes: any[], layoutName: string) => {
    for (let i = 0; i < routes.length; i++) {
        if (Array.isArray(routes[i].children)) {
            if (routes[i].layoutName === layoutName) {
                return routes[i]
            } else {
                const newRoute = findLayoutRoutes(routes[i].children, layoutName)
                if (newRoute) {
                    return newRoute
                }
            }
        }
    }
}

// 格式化路由 处理因 wrapper 导致的 菜单 path 不一致
const mapRoutes = (routes: IRoute[]) => {
    if (routes.length === 0) {
        return []
    }
    return routes.map(route => {
        // 需要 copy 一份, 否则会污染原始数据
        const newRoute = { ...route }
        if (route.originPath) {
            newRoute.path = route.originPath
        }

        if (Array.isArray(route.routes)) {
            newRoute.routes = mapRoutes(route.routes);
        }

        if (Array.isArray(route.children)) {
            newRoute.children = mapRoutes(route.children);
        }

        return newRoute
    })
}

export default function Layout() {
    const { clientRoutes } = useAppData()

    const [route] = useAccessMarkedRoutes(mapRoutes([findLayoutRoutes(clientRoutes, 'BasicLayout')]));

    return (
        <ProLayout route={route}>
            <Outlet />
        </ProLayout>

    )
}

问题：图标无法正常显示，而是显示成了文字，请问这里应该怎么做的呢？期待回复！

[fz6m]

如果自己全完定义 layout 的话，参考 layout: {} 插件开启后生成的 ./src/.umi/plugin-layout 里面的代码来修改和取用吧，防止遗漏逻辑，至于渲染图标，你可以把图标放到 label 上。