ChartJS: Fix components not being found

Signed-off-by: Taylor Smock <[email protected]>
hotosm · Jul 6, 2023 · 1ef07da · 1ef07da
1 parent 41ceac9
commit 1ef07da
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/frontend/src/components/projectStats/contributorsStats.js b/frontend/src/components/projectStats/contributorsStats.js
@@ -1,5 +1,15 @@
 import React from 'react';
 import { Doughnut, Bar } from 'react-chartjs-2';
+import {
+  Chart as ChartJS,
+  ArcElement,
+  BarElement,
+  CategoryScale,
+  Legend,
+  LinearScale,
+  Title,
+  Tooltip,
+} from 'chart.js';
 import { FormattedMessage, useIntl } from 'react-intl';
 
 import messages from './messages';
@@ -10,6 +20,7 @@ import { useContributorStats } from '../../hooks/UseContributorStats';
 import { StatsCardContent } from '../statsCard';
 
 export default function ContributorsStats({ contributors }) {
+  ChartJS.register(BarElement, CategoryScale, Legend, LinearScale, Title, Tooltip, ArcElement);
   const intl = useIntl();
   const stats = useContributorStats(contributors.userContributions);
   const getUserLevelLabel = (level) => intl.formatMessage(userMessages[`mapperLevel${level}`]);