fix: missing pino-abstract-transport

.github/workflows/ci.yml

@@ -20,7 +20,7 @@ jobs:
         with:
           node-version: '20'
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v3
         with:
           version: 8
 

.github/workflows/deploy-sls-backup.yml

@@ -20,7 +20,7 @@ jobs:
         with:
           node-version: '20'
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v3
         with:
           version: 8
 

.github/workflows/deploy-sls-check-membership.yml

@@ -20,7 +20,7 @@ jobs:
         with:
           node-version: '20'
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v3
         with:
           version: 8
 

.github/workflows/deploy-sls-ocr.yml

@@ -20,7 +20,7 @@ jobs:
         with:
           node-version: '20'
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v3
         with:
           version: 8
 

apps/web/components/Modals/ApplyModal.tsx

@@ -33,7 +33,7 @@ export default function ApplyModal({
   const [linkingAccount, setLinkingAccount] = useState(false);
   const [verifyingMembership, setVerifyingMembership] = useState(false);
 
-  const errorHandler = useErrorHandler();
+  const errorHandler = useErrorHandler(messageApi);
 
   const authorize = useYouTubeAuthorize({
     setLinkingAccount,

apps/web/components/Modals/SettingsModal.tsx

@@ -29,7 +29,7 @@ export default function SettingsModal({
   const [isConfirmModalOpen, setIsConfirmModalOpen] = useState(false);
   const [action, setAction] = useState<'revoke' | 'delete' | null>(null);
 
-  const errorHandler = useErrorHandler();
+  const errorHandler = useErrorHandler(messageApi);
 
   const authorize = useYouTubeAuthorize({
     setLinkingAccount,

apps/web/contexts/MainContext.tsx

@@ -35,7 +35,7 @@ export const MainProvider = ({ children }: { children: ReactNode }) => {
   const [user, setUser] = useState<TMainContext['user']>(null);
   const [guilds, setGuilds] = useState<TMainContext['guilds'] | null>(null);
 
-  const errorHandler = useErrorHandler();
+  const errorHandler = useErrorHandler(messageApi);
 
   useEffect(() => {
     if (status !== 'authenticated') return;

apps/web/hooks/error-handler.ts

@@ -1,18 +1,15 @@
+import { MessageInstance } from 'antd/es/message/interface';
 import 'client-only';
-import { useCallback, useContext } from 'react';
-
-import { MainContext } from '../contexts/MainContext';
-
-export const useErrorHandler = () => {
-  const { messageApi } = useContext(MainContext);
+import { useCallback } from 'react';
 
+export const useErrorHandler = (messageApi: MessageInstance) => {
   return useCallback(
     (error: unknown) => {
       console.error(error);
       if (error instanceof Error) {
-        void messageApi.error(`[${error.name}]: ${error.message}`);
+        void messageApi?.error(`[${error.name}]: ${error.message}`);
       } else {
-        void messageApi.error('An unknown error has occurred');
+        void messageApi?.error('An unknown error has occurred');
       }
     },
     [messageApi],

apps/web/hooks/youtube.ts

@@ -17,7 +17,7 @@ const useYouTubeAuthorize = ({
 }) => {
   const { setUser } = useContext(MainContext);
 
-  const errorHandler = useErrorHandler();
+  const errorHandler = useErrorHandler(messageApi);
 
   return useGoogleLogin({
     onSuccess: async ({ code }) => {

apps/web/package.json

@@ -27,6 +27,7 @@
     "next-auth": "5.0.0-beta.5",
     "next-safe-action": "^6.1.0",
     "next-sitemap": "^4.2.3",
+    "pino-abstract-transport": "^1.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-social-login-buttons": "^3.9.1",