Peer Dependencies
@xocialive/ui-components declares the following peer dependencies. Install them in your consuming application — they are not bundled into the library.
| Package | Required version | Notes |
|---|---|---|
react | 19.1.0 | Exact version required |
react-dom | 19.1.0 | Exact version required |
@mui/material | ^7.1.1 | MUI v7 |
@mui/icons-material | ^7.1.1 | Icon set |
@emotion/react | ^11.14.0 | CSS-in-JS runtime |
@emotion/styled | ^11.14.0 | Emotion styled components |
react-router-dom | ^7.11.0 | Required for Sidebar navigation |
recharts | ^3.7.0 | Required only when using dashboard/chart components |
Install all at once
pnpm add react@19.1.0 react-dom@19.1.0 \
@mui/material@^7 @mui/icons-material@^7 \
@emotion/react@^11 @emotion/styled@^11 \
react-router-dom@^7 recharts@^3
Partial install (without charts)
If your application does not use GenericDashboard, GenericChart, or any chart component you can skip recharts:
pnpm add react@19.1.0 react-dom@19.1.0 \
@mui/material@^7 @mui/icons-material@^7 \
@emotion/react@^11 @emotion/styled@^11 \
react-router-dom@^7
caution
Importing chart components without recharts installed will throw a runtime error. Use tree-shaking or conditional imports to avoid loading chart modules in bundles that don't need them.