Arbor Dashboard

1.60.2 verified Fri May 01 auth: no javascript

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).

Common errors

error Error: Cannot find module 'arbor-dashboard' ↓

cause 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 Error: Invalid hook call. Hooks can only be called inside of the body of a function component. ↓

cause 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 Error [ERR_REQUIRE_ESM]: require() of ES Module not supported. ↓

cause Trying to require an ESM-only module.

fix

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

Warnings

breaking React 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`.

breaking The 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.

gotcha Symlink 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.

Install

npm install arbor-dashboard

yarn add arbor-dashboard

pnpm add arbor-dashboard

Imports

default

wrong

const ArborDashboard = require('arbor-dashboard')

correct

import ArborDashboard from 'arbor-dashboard'

ESM-only; no CommonJS export provided.

Chart

wrong

import Chart from 'arbor-dashboard'

correct

import { Chart } from 'arbor-dashboard'

Named export; default export is the entire library object.

Dashboard

wrong

import Dashboard from 'arbor-dashboard'

correct

import { Dashboard } from 'arbor-dashboard'

Named export; not a default export.

Quickstart

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;