my overall code is correct, it compiled successfully but , during running time at first its shown the result , but after an a second or so it started showing blank screen, what are the possible solutions
Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries.
logCapturedError @ react-dom.development.js:20085
(anonymous) @ react-dom.development.js:11327
unstable_runWithPriority @ scheduler.development.js:468
runWithPriority$1 @ react-dom.development.js:11276
flushSyncCallbackQueueImpl @ react-dom.development.js:11322
flushSyncCallbackQueue @ react-dom.development.js:11309
flushPassiveEffectsImpl @ react-dom.development.js:23620
unstable_runWithPriority @ scheduler.development.js:468
runWithPriority$1 @ react-dom.development.js:11276
flushPassiveEffects @ react-dom.development.js:23447
(anonymous) @ react-dom.development.js:23324
workLoop @ scheduler.development.js:417
flushWork @ scheduler.development.js:390
performWorkUntilDeadline @ scheduler.development.js:157
chart.esm.js:4892 Uncaught Error: "category" is not a registered scale.
at Registry._get (chart.esm.js:4892:1)
at Registry.getScale (chart.esm.js:4847:1)
at chart.esm.js:5518:1
at each (helpers.segment.js:105:1)
at Chart.buildOrUpdateScales (chart.esm.js:5505:1)
at Chart._updateScales (chart.esm.js:5652:1)
at Chart.update (chart.esm.js:5613:1)
at new Chart (chart.esm.js:5402:1)
at renderChart (chart.tsx:41:1)
at chart.tsx:90:1
_get @ chart.esm.js:4892
getScale @ chart.esm.js:4847
(anonymous) @ chart.esm.js:5518
each @ helpers.segment.js:105
buildOrUpdateScales @ chart.esm.js:5505
_updateScales @ chart.esm.js:5652
update @ chart.esm.js:5613
Chart @ chart.esm.js:5402
renderChart @ chart.tsx:41
(anonymous) @ chart.tsx:90
invokePassiveEffectCreate @ react-dom.development.js:23487
callCallback @ react-dom.development.js:3945
invokeGuardedCallbackDev @ react-dom.development.js:3994
invokeGuardedCallback @ react-dom.development.js:4056
flushPassiveEffectsImpl @ react-dom.development.js:23574
unstable_runWithPriority @ scheduler.development.js:468
runWithPriority$1 @ react-dom.development.js:11276
flushPassiveEffects @ react-dom.development.js:23447
(anonymous) @ react-dom.development.js:23324
workLoop @ scheduler.development.js:417
flushWork @ scheduler.development.js:390
performWorkUntilDeadline @ scheduler.development.js:157
react-dom.development.js:67 Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.
at App (http://localhost:3000/static/js/bundle.js:52:85)
this is the error message which is getting recurred .
r