fixed error translation

src/utils/hooks/useTranslatedError.ts

@@ -0,0 +1,17 @@
+import { ERROR_LITERAL } from '~/constants/errors';
+import { has } from 'ramda';
+import { useMemo } from 'react';
+
+export const useTranslatedError = (error: string | undefined) => {
+  return useMemo(() => {
+    if (!error) {
+      return '';
+    }
+
+    if (!has(error, ERROR_LITERAL)) {
+      return error;
+    }
+
+    return ERROR_LITERAL[error];
+  }, [error]);
+};