feat(staking): add error logging to useData

apps/staking/src/hooks/use-data.ts

@@ -1,10 +1,13 @@
 import { useCallback } from "react";
 import useSWR, { type KeyedMutator } from "swr";
 
+import { useLogger } from "./use-logger";
+
 export const useData = <T>(...args: Parameters<typeof useSWR<T>>) => {
  const { data, isLoading, mutate, ...rest } = useSWR(...args);
 
  const error = rest.error as unknown;
+ const logger = useLogger();
 
  const reset = useCallback(() => {
  mutate(undefined).catch(() => {
@@ -13,7 +16,8 @@ export const useData = <T>(...args: Parameters<typeof useSWR<T>>) => {
  }, [mutate]);
 
  if (error) {
- return State.ErrorState(new LoadDashboardDataError(error), reset);
+ logger.error(error);
+ return State.ErrorState(new UseDataError(error), reset);
  } else if (isLoading) {
  return State.Loading();
  } else if (data) {
@@ -38,17 +42,17 @@ const State = {
  mutate,
  data,
  }),
- ErrorState: (error: LoadDashboardDataError, reset: () => void) => ({
+ ErrorState: (error: UseDataError, reset: () => void) => ({
  type: StateType.Error as const,
  error,
  reset,
  }),
 };
 
-class LoadDashboardDataError extends Error {
+class UseDataError extends Error {
  constructor(cause: unknown) {
  super(cause instanceof Error ? cause.message : "");
- this.name = "LoadDashboardDataError";
+ this.name = "UseDataError";
  this.cause = cause;
  }
 }