diff --git a/src/App.tsx b/src/App.tsx
index bff0c6f..15e2992 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,14 +1,14 @@
 import React from 'react';
 import Component, { renderFieldProps } from './lib';
 import './App.css';
-import { ConfigProvider, Form } from '{{ UIPackageName }}';
+import { ProConfigProvider, Form } from '{{ UIPackageName }}';
 
 const valueType = Component.displayName.charAt(0).toLowerCase() + Component.displayName.slice(1)
 
 const App: React.FC = () => {
   return (
     <div className="App">
-      <ConfigProvider
+      <ProConfigProvider
         valueTypeMap={{
           [valueType]: renderFieldProps,
         }}
@@ -19,7 +19,7 @@ const App: React.FC = () => {
             <Component />
           </Form.Item>
         </Form>
-      </ConfigProvider>
+      </ProConfigProvider>
     </div>
   );
 }
diff --git a/src/lib/index.tsx b/src/lib/index.tsx
index 85957ed..61d634e 100644
--- a/src/lib/index.tsx
+++ b/src/lib/index.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { RenderFieldPropsType } from '{{ UIPackageName }}';
+import { ProRenderFieldPropsType } from '@ant-design/pro-provider';
 import './index.css';
 
 {{ CustomType }}
@@ -22,7 +22,7 @@ const {{ ComponentName }} = (props: {{ ComponentName }}Props) => {
 };
 {{ ComponentName }}.displayName = '{{ ComponentName }}';
 
-export const renderFieldProps: RenderFieldPropsType = {
+export const renderFieldProps: ProRenderFieldPropsType = {
   render: (value) =>  <>{JSON.stringify(value || '')}</>,
   renderFormItem: (_, props) => <{{ ComponentName }} {...props.fieldProps} />,
 };