Registry / web-framework / arbor-dashboard

arbor-dashboard

library1.60.2jsnpmunverified

Arbor Dashboard v1.60.2 is a React component library for building responsive chart dashboards. It provides pre-built charting components with TypeScript definitions. The package requires React 18.2+ and is published by Arbor Education. Development setup involves a complex symlink workflow for local testing, with multiple manual steps. Key differentiators: opinionated chart components designed for education data visualization, but the tooling and documentation focus heavily on internal Arbor workflows rather than general-purpose usage. Release cadence is not documented; the README suggests it is used internally with a custom build process (webpack, grunt).

web-framework data serialization

npm install arbor-dashboard

github ↗package ↗

INSTALL

IMPORT

SIG · ARBOR-DASHBOARD

arbor-dashboard

web-frameworkjavascriptv1.60.2

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.

default

✓ import ArborDashboard from 'arbor-dashboard'

✗ const ArborDashboard = require('arbor-dashboard')

ESM-only; no CommonJS export provided.

Chart

✓ import { Chart } from 'arbor-dashboard'

✗ import Chart from 'arbor-dashboard'

Named export; default export is the entire library object.

Dashboard

✓ import { Dashboard } from 'arbor-dashboard'

✗ import Dashboard from 'arbor-dashboard'

Named export; not a default export.

Shows basic usage of Dashboard and Chart components with a bar chart.

import React from 'react'; import ArborDashboard, { Chart, Dashboard } from 'arbor-dashboard'; const App = () => ( <Dashboard> <Chart type="bar" data={[{ label: 'A', value: 10 }]} /> </Dashboard> ); export default App;

Debug

Known issues

breakingReact 18 is required. Older React versions (17 or below) will cause runtime errors.

fix

Upgrade to React 18.2+ using `npm install react@18 react-dom@18`.

affects: <18

breakingThe package uses ESM only. Using CommonJS require() will fail with 'ERR_REQUIRE_ESM'.

fix

Use ESM imports (e.g., import { Chart } from 'arbor-dashboard') or configure your bundler to handle ESM.

affects: >=1.0

gotchaSymlink development setup is fragile. Duplicate React instances cause 'Invalid hook call' errors.

fix

Ensure only one version of React is available. In linked projects, use `yarn link react` and `yarn link react-dom` from the consumer's node_modules.

affects: >=1.0

Errors

Common errors & fixes

Error: Cannot find module 'arbor-dashboard'

Package not installed or not linked correctly in local development.

fix

Run `yarn add arbor-dashboard` or follow the symlink steps in the README.

Error: Invalid hook call. Hooks can only be called inside of the body of a function component.

Duplicate React instance due to incorrect symlinking.

fix

Run `cd node_modules/react && yarn link && cd ../react-dom && yarn link && cd ..` in the consumer project, then `yarn link react react-dom` in arbor-dashboard.

Error [ERR_REQUIRE_ESM]: require() of ES Module not supported.

Trying to require an ESM-only module.

fix

Use ESM import syntax or upgrade your Node.js/loader to support ESM.

Upgrade

Version history

1.60.2latest on npm

Audit

Dependencies

reactrequiredpeer dependency for rendering components

react-domrequiredpeer dependency for DOM rendering

Agent activity

35 hits · last 30 days

node

OpenAI (training)

Resources

githubhttps://github.com/arbor-education/data.responsive_charting_dashboards ↗

packagehttps://www.npmjs.com/package/arbor-dashboard ↗