fix: chart registering

apps/oeth/src/App.tsx

@@ -1,24 +1,8 @@
 import { Container, CssBaseline, Stack } from '@mui/material';
-import {
-  CategoryScale,
-  Chart as ChartJS,
-  LinearScale,
-  LineElement,
-  PointElement,
-  registerables,
-} from 'chart.js';
 import { Outlet } from 'react-router-dom';
 
 import { Topnav } from './components/Topnav';
 
-ChartJS.register(
-  ...registerables,
-  CategoryScale,
-  LinearScale,
-  LineElement,
-  PointElement,
-);
-
 export const App = () => {
   return (
     <>

apps/oeth/src/main.tsx

@@ -6,7 +6,11 @@ import * as ReactDOM from 'react-dom/client';
 
 import { Experimental_CssVarsProvider as CssVarsProvider } from '@mui/material';
 import { chains, queryClient, wagmiConfig } from '@origin/oeth/shared';
-import { CurveProvider, NotificationsProvider } from '@origin/shared/providers';
+import {
+  CurveProvider,
+  NotificationsProvider,
+  registerChart,
+} from '@origin/shared/providers';
 import { theme } from '@origin/shared/theme';
 import { composeContexts } from '@origin/shared/utils';
 import { darkTheme, RainbowKitProvider } from '@rainbow-me/rainbowkit';
@@ -22,6 +26,8 @@ import { routes } from './routes';
 // https://github.com/dai-shi/proxy-compare/pull/8
 setAutoFreeze(false);
 
+registerChart();
+
 const root = ReactDOM.createRoot(
   document.getElementById('root') as HTMLElement,
 );