🥅(frontend) improve error handling during upload

Catch and log errors when replacing blocks during
file upload.

src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/UploadLoaderBlock.tsx

@@ -70,6 +70,7 @@ const UploadLoaderBlockComponent = ({
     loopCheckDocMediaStatus(url)
       .then((response) => {
         // Replace the loading block with the resource block (image, audio, video, pdf ...)
+        try {
           editor.replaceBlocks(
             [block.id],
             [
@@ -86,10 +87,14 @@ const UploadLoaderBlockComponent = ({
               } as never,
             ],
           );
+        } catch {
+          /* During collaboration, another user might have updated the block */
+        }
       })
       .catch((error) => {
         console.error('Error analyzing file:', error);
 
+        try {
           editor.updateBlock(block.id, {
             type: 'uploadLoader',
             props: {
@@ -99,6 +104,9 @@ const UploadLoaderBlockComponent = ({
               ),
             },
           });
+        } catch {
+          /* During collaboration, another user might have updated the block */
+        }
       });
   }, [block, editor, mediaUrl]);
 

src/frontend/apps/impress/src/features/docs/doc-editor/hook/useUploadFile.tsx

@@ -1,3 +1,4 @@
+import { captureException } from '@sentry/nextjs';
 import { useCallback, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -70,6 +71,7 @@ export const useUploadStatus = (editor: DocsBlockNoteEditor) => {
       const timeoutId = setTimeout(() => {
         // Replace the resource block by a uploadLoader block
         // to show analyzing status
+        try {
           editor.replaceBlocks(
             [blockChanges.block.id],
             [
@@ -86,6 +88,11 @@ export const useUploadStatus = (editor: DocsBlockNoteEditor) => {
               },
             ],
           );
+        } catch (error) {
+          captureException(error, {
+            extra: { info: 'Error replacing block for upload loader' },
+          });
+        }
       }, 250);
 
       return () => {