linting

library/src/containers/ApplicationErrorHandler/ErrorBoundary.tsx

@@ -1,40 +1,30 @@
 import React from 'react';
 import { ReactNode } from 'react';
-import { ErrorBoundary } from 'react-error-boundary';
+import { ErrorBoundary, FallbackProps } from 'react-error-boundary';
 import { ErrorObject } from '../../types';
 import { Error } from '../Error/Error';
 
 interface Props {
   children: ReactNode;
 }
 
-interface FallbackProps {
-  error: any;
-  resetErrorBoundary?: (...args: any[]) => void;
-}
-
-function fallbackRender({ error, resetErrorBoundary }: FallbackProps) {
+function fallbackRender({ error }: FallbackProps) {
   const ErrorObject: ErrorObject = {
-    title: "Something went wrong",
+    title: 'Something went wrong',
     type: 'application-error',
-    validationErrors:[
+    validationErrors: [
       {
-        title:error.message,
-      }
-    ]
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access
+        title: error?.message,
+      },
+    ],
   };
   return <Error error={ErrorObject} />;
 }
 
 const AsyncApiErrorBoundary = ({ children }: Props) => {
-  const onReset = (details: any) => {
-    // TODO: maybe some magic to recover the previous document ( the one without the error ) automatically 
-  };
-
   return (
-    <ErrorBoundary fallbackRender={fallbackRender} onReset={onReset}>
-      {children}
-    </ErrorBoundary>
+    <ErrorBoundary fallbackRender={fallbackRender}>{children}</ErrorBoundary>
   );
 };
 

library/src/containers/Error/Error.tsx

@@ -15,7 +15,7 @@ const renderErrors = (errors: ValidationError[]): React.ReactNode => {
       }
       return (
         <div key={index} className="flex gap-2">
-          {(singleError?.location?.startLine ||
+          {(singleError?.location?.startLine ??
             singleError?.location?.startOffset) && (
             <span>{`line ${singleError?.location?.startLine + singleError?.location?.startOffset}:`}</span>
           )}