taihu/app/containers/DataManager/Loadable.tsx

import React from 'react'
import loadable from 'utils/loadable'
import { Skeleton } from 'antd'

export const DataManager = loadable(() => import('./'), {
  fallback: <Skeleton active paragraph={{ rows: 15 }} />
})

export const Sidebar = loadable(() => import('./Sidebar'), {
  fallback: <Skeleton active paragraph={{ rows: 15 }} />
})
//

// export const Grid = loadable(() => import('./Grid'), {
//   fallback: <Skeleton active={true} paragraph={{ rows: 15 }} />
// })