Simplify check for abort error in boundary fallback

Author: axelboc

packages/app/src/ErrorFallback.tsx

@@ -1,7 +1,7 @@
 import { type FallbackProps } from 'react-error-boundary';
 
 import styles from './App.module.css';
-import { AbortError, CANCELLED_BY_USER } from './providers/utils';
+import { AbortError } from './providers/utils';
 
 interface Props extends FallbackProps {
   className?: string;
@@ -11,7 +11,7 @@ interface Props extends FallbackProps {
 function ErrorFallback(props: Props) {
   const { className = '', error, resetErrorBoundary } = props;
 
-  if (error instanceof AbortError && error.message === CANCELLED_BY_USER) {
+  if (error instanceof AbortError) {
     return (
       <p className={`${styles.error} ${className}`}>
         Request cancelled

packages/app/src/providers/utils.ts

@@ -19,8 +19,6 @@ import { type AxiosProgressEvent, isAxiosError } from 'axios';
 
 import { type DataProviderApi } from './api';
 
-export const CANCELLED_BY_USER = 'Cancelled by user';
-
 export function typedArrayFromDType(
   dtype: DType,
 ): TypedArrayConstructor | undefined {

packages/app/src/vis-packs/ValueLoader.tsx

@@ -2,7 +2,6 @@ import { useTimeoutEffect, useToggle } from '@react-hookz/web';
 import { useStore } from 'zustand';
 
 import { useDataContext } from '../providers/DataProvider';
-import { CANCELLED_BY_USER } from '../providers/utils';
 import styles from './ValueLoader.module.css';
 
 const MAX_PROGRESS_BARS = 3;
@@ -53,7 +52,7 @@ function ValueLoader(props: Props) {
             <button
               className={styles.cancelBtn}
               type="button"
-              onClick={() => valuesStore.abortAll(CANCELLED_BY_USER)}
+              onClick={() => valuesStore.abortAll('cancelled by user')}
             >
               Cancel?
             </button>