diff --git a/src/components/OutputsTable/OutputCell/ErrorHandler.tsx b/src/components/OutputsTable/OutputCell/ErrorHandler.tsx
index 0e92a1a..419a3e8 100644
--- a/src/components/OutputsTable/OutputCell/ErrorHandler.tsx
+++ b/src/components/OutputsTable/OutputCell/ErrorHandler.tsx
@@ -1,9 +1,9 @@
import { type ModelOutput } from "@prisma/client";
import { HStack, VStack, Text, Button, Icon } from "@chakra-ui/react";
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useState } from "react";
import { BsArrowClockwise } from "react-icons/bs";
import { rateLimitErrorMessage } from "~/sharedStrings";
-import pluralize from 'pluralize'
+import pluralize from "pluralize";
const MAX_AUTO_RETRIES = 3;
@@ -20,8 +20,6 @@ export const ErrorHandler = ({
const shouldAutoRetry =
output.errorMessage === rateLimitErrorMessage && numPreviousTries < MAX_AUTO_RETRIES;
- const errorMessage = useMemo(() => breakLongWords(output.errorMessage), [output.errorMessage]);
-
useEffect(() => {
if (!shouldAutoRetry) return;
@@ -71,27 +69,18 @@ export const ErrorHandler = ({
- {errorMessage}
+
+ {output.errorMessage}
+
{msToWait > 0 && (
- Retrying in {pluralize('second', Math.ceil(msToWait / 1000), true)}...
+ Retrying in {pluralize("second", Math.ceil(msToWait / 1000), true)}...
)}
);
};
-function breakLongWords(str: string | null): string {
- if (!str) return "";
- const words = str.split(" ");
-
- const newWords = words.map((word) => {
- return word.length > 20 ? word.slice(0, 20) + "\u200B" + word.slice(20) : word;
- });
-
- return newWords.join(" ");
-}
-
const MIN_DELAY = 500; // milliseconds
const MAX_DELAY = 5000; // milliseconds