refactor(hooks,providers): rewrite useAckee hook and AckeeProvider

1 files changed, 10 insertions, 4 deletions

diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 0fb17f4..914b0b6 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -1,19 +1,25 @@
-import { ThemeProvider } from 'next-themes';
 import { useRouter } from 'next/router';
+import { ThemeProvider } from 'next-themes';
 import { IntlProvider } from 'react-intl';
 import '../styles/globals.scss';
-import { type AppPropsWithLayout } from '../types';
+import type { AppPropsWithLayout } from '../types';
 import { settings } from '../utils/config';
+import { STORAGE_KEY } from '../utils/constants';
 import { AckeeProvider, PrismThemeProvider } from '../utils/providers';
 
 const App = ({ Component, pageProps }: AppPropsWithLayout) => {
   const { locale, defaultLocale } = useRouter();
-  const appLocale: string = locale || settings.locales.defaultLocale;
+  const appLocale: string = locale ?? settings.locales.defaultLocale;
   const getLayout = Component.getLayout ?? ((page) => page);
   const { translation, ...componentProps } = pageProps;
 
   return (
-    <AckeeProvider domain={settings.ackee.url} siteId={settings.ackee.siteId}>
+    <AckeeProvider
+      domainId={settings.ackee.siteId}
+      server={settings.ackee.url}
+      storageKey={STORAGE_KEY.ACKEE}
+      tracking="full"
+    >
       <IntlProvider
         locale={appLocale}
         defaultLocale={defaultLocale}