{"id":24907,"library":"antd-react-extensions","title":"Ant-Design React Extensions","description":"A library of enhanced React components built on top of Ant Design v4, providing additional functionality such as extended tables, forms, and modals. Current stable version is 0.22.0, with occasional updates. It requires React 17+, antd 4.17+, and @ant-design/icons 4.6+. Differentiators include TypeScript support and opinionated wrappers that reduce boilerplate for common enterprise patterns.","status":"active","version":"0.22.0","language":"javascript","source_language":"en","source_url":"https://github.com/wuifdesign/antd-react-extensions","tags":["javascript","typescript"],"install":[{"cmd":"npm install antd-react-extensions","lang":"bash","label":"npm"},{"cmd":"yarn add antd-react-extensions","lang":"bash","label":"yarn"},{"cmd":"pnpm add antd-react-extensions","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Peer dependency for icon components","package":"@ant-design/icons","optional":false},{"reason":"Peer dependency for base components","package":"antd","optional":false},{"reason":"Peer dependency for React","package":"react","optional":false},{"reason":"Peer dependency for React DOM","package":"react-dom","optional":false}],"imports":[{"note":"ESM-only; named export, no default export.","wrong":"const ExtendedTable = require('antd-react-extensions').ExtendedTable","symbol":"ExtendedTable","correct":"import { ExtendedTable } from 'antd-react-extensions'"},{"note":"Must use named import; default import is undefined.","wrong":"import ExtendedForm from 'antd-react-extensions'","symbol":"ExtendedForm","correct":"import { ExtendedForm } from 'antd-react-extensions'"},{"note":"TypeScript types included.","wrong":null,"symbol":"ExtendedModal","correct":"import { ExtendedModal } from 'antd-react-extensions'"}],"quickstart":{"code":"import React from 'react';\nimport { ExtendedTable } from 'antd-react-extensions';\nimport { Table } from 'antd';\n\nconst columns = [\n  { title: 'Name', dataIndex: 'name', key: 'name' },\n  { title: 'Age', dataIndex: 'age', key: 'age' },\n];\nconst dataSource = [\n  { key: '1', name: 'John Brown', age: 32 },\n  { key: '2', name: 'Jane Smith', age: 28 },\n];\n\nconst App = () => (\n  <ExtendedTable\n    columns={columns}\n    dataSource={dataSource}\n    rowKey=\"key\"\n    pagination={{ pageSize: 10 }}\n  />\n);\n\nexport default App;","lang":"typescript","description":"Shows basic usage of ExtendedTable with data and columns, leveraging Ant Design Table under the hood."},"warnings":[{"fix":"Replace 'onSearch' with 'onFilter' in ExtendedTable usage.","message":"In version 0.20.0, the 'ExtendedTable' component removed the 'onSearch' prop; use 'onFilter' instead.","severity":"breaking","affected_versions":">=0.20.0"},{"fix":"Change 'onSubmit' to 'onFinish'.","message":"The 'ExtendedForm' prop 'onSubmit' is deprecated since 0.18.0; use 'onFinish' instead.","severity":"deprecated","affected_versions":">=0.18.0"},{"fix":"Use 'open={true}' instead of 'visible={true}'.","message":"ExtendedModal does not support Ant Design's 'visible' prop; use 'open' prop instead.","severity":"gotcha","affected_versions":">=0.15.0"},{"fix":"Ensure React and antd meet minimum version requirements.","message":"This package requires React 17 and antd 4.17 or newer; older versions may cause runtime errors.","severity":"gotcha","affected_versions":"<0.22.0"}],"env_vars":null,"last_verified":"2026-05-01T00:00:00.000Z","next_check":"2026-07-30T00:00:00.000Z","problems":[{"fix":"Install with 'npm install antd-react-extensions' and use named imports like 'import { ExtendedTable } from 'antd-react-extensions''.","cause":"Package not installed or import path is wrong (using default import instead of named).","error":"Cannot find module 'antd-react-extensions'"},{"fix":"Use named import: 'import { ExtendedTable } from 'antd-react-extensions''.","cause":"Trying to destructure default import as an object.","error":"TypeError: Cannot read properties of undefined (reading 'ExtendedTable')"},{"fix":"Replace 'visible' with 'open' in ExtendedModal.","cause":"Using 'visible' on ExtendedModal; it expects 'open'.","error":"Warning: React does not recognize the 'visible' prop on a DOM element"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}