要使用Ant Design Pro和@svgr/webpack，需要先安装这两个包。可以通过以下方式来安装：

1. 安装Ant Design Pro：

$ npm install ant-design-pro --save

2. 安装@svgr/webpack：

$ npm install @svgr/webpack --save

安装完成后，可以在项目的代码中引入和使用这两个包。

下面是一个使用Ant Design Pro和@svgr/webpack的示例代码：

// 引入Ant Design Pro组件
import { Button } from 'ant-design-pro';

// 引入@svgr/webpack生成的React组件
import { ReactComponent as Logo } from './logo.svg';

export default function App() {
  return (
    

      
Hello Ant Design Pro and @svgr/webpack!
      <Ant Design Pro Button
      
    
  );
}

在上述示例中，我们首先引入了Ant Design Pro的Button组件，并将其用在页面上。然后，我们通过import语句引入了@svgr/webpack生成的React组件Logo，并直接在页面中使用了该组件。

注意：在使用@svgr/webpack生成的React组件时，需要确保你的项目已经配置了相应的loader。你可以参考@svgr/webpack的文档来配置webpack loader。