How to use ant-design-pro components in ant-design react app?

I have created react app with create-react-app and used ant-design components, as the project becomes bigger, I need to use some awesome components from ant-design-pro.

Is there any way to integrate ant-design-pro components in existing ant-design project?

I have tried to import and use @ant-design/pro-layout but didn't work for me.

Solution

For V4 refer to Upgrade to V4, check Replace BasicLayout if you use @ant-design/pro-layout.

For single components use npm install ant-design-pro@2.3.2 and import components for your needs:

import Ellipsis from 'ant-design-pro/lib/Ellipsis';

Demo: