Registry / web-framework / antd-react-extensions

antd-react-extensions

library0.22.0jsnpmunverified

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.

web-framework

npm install antd-react-extensions

github ↗package ↗

INSTALL

IMPORT

SIG · ANTD-REACT-EXTENSI

antd-react-extensions

web-frameworkjavascriptv0.22.0

harness data pending

Install & Compatibility

Where this runs

No compatibility data collected yet for this library.

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

ExtendedTable

✓ import { ExtendedTable } from 'antd-react-extensions'

✗ const ExtendedTable = require('antd-react-extensions').ExtendedTable

ESM-only; named export, no default export.

ExtendedForm

✓ import { ExtendedForm } from 'antd-react-extensions'

✗ import ExtendedForm from 'antd-react-extensions'

Must use named import; default import is undefined.

ExtendedModal

✓ import { ExtendedModal } from 'antd-react-extensions'

TypeScript types included.

Shows basic usage of ExtendedTable with data and columns, leveraging Ant Design Table under the hood.

import React from 'react'; import { ExtendedTable } from 'antd-react-extensions'; import { Table } from 'antd'; const columns = [ { title: 'Name', dataIndex: 'name', key: 'name' }, { title: 'Age', dataIndex: 'age', key: 'age' }, ]; const dataSource = [ { key: '1', name: 'John Brown', age: 32 }, { key: '2', name: 'Jane Smith', age: 28 }, ]; const App = () => ( <ExtendedTable columns={columns} dataSource={dataSource} rowKey="key" pagination={{ pageSize: 10 }} /> ); export default App;

Debug

Known issues

breakingIn version 0.20.0, the 'ExtendedTable' component removed the 'onSearch' prop; use 'onFilter' instead.

fix

Replace 'onSearch' with 'onFilter' in ExtendedTable usage.

affects: >=0.20.0

deprecatedThe 'ExtendedForm' prop 'onSubmit' is deprecated since 0.18.0; use 'onFinish' instead.

fix

Change 'onSubmit' to 'onFinish'.

affects: >=0.18.0

gotchaExtendedModal does not support Ant Design's 'visible' prop; use 'open' prop instead.

fix

Use 'open={true}' instead of 'visible={true}'.

affects: >=0.15.0

gotchaThis package requires React 17 and antd 4.17 or newer; older versions may cause runtime errors.

fix

Ensure React and antd meet minimum version requirements.

affects: <0.22.0

Errors

Common errors & fixes

Cannot find module 'antd-react-extensions'

Package not installed or import path is wrong (using default import instead of named).

fix

Install with 'npm install antd-react-extensions' and use named imports like 'import { ExtendedTable } from 'antd-react-extensions''.

TypeError: Cannot read properties of undefined (reading 'ExtendedTable')

Trying to destructure default import as an object.

fix

Use named import: 'import { ExtendedTable } from 'antd-react-extensions''.

Warning: React does not recognize the 'visible' prop on a DOM element

Using 'visible' on ExtendedModal; it expects 'open'.

fix

Replace 'visible' with 'open' in ExtendedModal.

Upgrade

Version history

0.22.0latest on npm

Audit

Dependencies

@ant-design/iconsrequiredPeer dependency for icon components

antdrequiredPeer dependency for base components

reactrequiredPeer dependency for React

react-domrequiredPeer dependency for React DOM

Agent activity

25 hits · last 30 days

node

OpenAI (training)

Resources

githubhttps://github.com/wuifdesign/antd-react-extensions ↗

packagehttps://www.npmjs.com/package/antd-react-extensions ↗