🐛[BUG] wrapper like ProForm, ProFormList, ProTable are not working.

I am thinking of using some Ant Design Pro components in my project where i am already using Ant Design, typescript and vite. Where in my page when i am trying to use wrraper like protable or proform then this error is coming:

and this is my current code

const Dashboard = () => {
  const [form] = Form.useForm();
  return (
    <ProForm form={form}>
      <ProForm.Item name="aaa" initialValue={'jiuiuh'}>
        <ProFormField name="aaa" readonly />
      </ProForm.Item>
    </ProForm>
  )
}

when i tried using without proform i can use proformfield and proformselect. but not with the wrappers which i desperately want to

ant-design / pro-components

🐛[BUG] wrapper like ProForm, ProFormList, ProTable are not working. #8123