{"id":24908,"library":"antd-react-extensions-nextjs","title":"antd-react-extensions","description":"Extension components for Ant Design (antd v4) tailored for Next.js, including Layout, Header, Footer, Container, Row, Col, Card, Button, Input, Select, Modal, Table, Form, and notification utilities. Current stable version is 0.6.5 (last release 2022). Package is rarely updated, with limited adoption. Alternative: use antd directly with Next.js dynamic import and custom layouts.","status":"maintenance","version":"0.6.5","language":"javascript","source_language":"en","source_url":"https://github.com/wuifdesign/antd-react-extensions#nextjs","tags":["javascript","typescript"],"install":[{"cmd":"npm install antd-react-extensions-nextjs","lang":"bash","label":"npm"},{"cmd":"yarn add antd-react-extensions-nextjs","lang":"bash","label":"yarn"},{"cmd":"pnpm add antd-react-extensions-nextjs","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Peer dependency for Ant Design icons","package":"@ant-design/icons","optional":false},{"reason":"Peer dependency for Ant Design base components","package":"antd","optional":false},{"reason":"Peer dependency for React 17","package":"react","optional":false},{"reason":"Peer dependency for React 17","package":"react-dom","optional":false}],"imports":[{"note":"Package is ESM-only; use named imports.","wrong":"const Layout = require('antd-react-extensions').Layout","symbol":"Layout","correct":"import { Layout } from 'antd-react-extensions'"},{"note":"Works with TypeScript type definitions included.","symbol":"Card","correct":"import { Card } from 'antd-react-extensions'"},{"note":"Must use named import, not default.","wrong":"import useNotification from 'antd-react-extensions'","symbol":"useNotification","correct":"import { useNotification } from 'antd-react-extensions'"}],"quickstart":{"code":"import { Layout, Card, Row, Col } from 'antd-react-extensions';\n\nexport default function Home() {\n  return (\n    <Layout>\n      <Row gutter={16}>\n        <Col span={12}>\n          <Card title=\"Hello\">Content</Card>\n        </Col>\n        <Col span={12}>\n          <Card title=\"World\">More content</Card>\n        </Col>\n      </Row>\n    </Layout>\n  );\n}","lang":"typescript","description":"Minimal Next.js page using antd-react-extensions Layout, Row, Col, and Card components."},"warnings":[{"fix":"Use antd v4.17+ and React 17.","message":"Only compatible with React 17 and antd v4. React 18/antd v5 may break.","severity":"gotcha","affected_versions":"<=0.6.5"},{"fix":"Consider migrating to antd v5 with Next.js dynamic imports.","message":"Package is unmaintained (last release 2022). No support for Next.js 13+ app directory.","severity":"gotcha","affected_versions":">=0.6.0"},{"fix":"Install @ant-design/icons: npm install @ant-design/icons","message":"Requires @ant-design/icons as peer dependency - missing it causes runtime errors.","severity":"gotcha","affected_versions":">=0.0.0"}],"env_vars":null,"last_verified":"2026-05-01T00:00:00.000Z","next_check":"2026-07-30T00:00:00.000Z","problems":[{"fix":"Run npm install antd-react-extensions","cause":"Package not installed or missing from node_modules.","error":"Module not found: Can't resolve 'antd-react-extensions'"},{"fix":"Use named import: import { Layout } from 'antd-react-extensions'","cause":"Using wrong import syntax (e.g., default import).","error":"Attempted import error: 'Layout' is not exported from 'antd-react-extensions'"},{"fix":"Run npm install @ant-design/icons","cause":"Missing peer dependency @ant-design/icons.","error":"Error: Cannot find module '@ant-design/icons'"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}