Migrate to a monorepo structure (#2909)

packages/twenty-front/src/modules/error-handler/components/PromiseRejectionEffect.tsx

@@ -0,0 +1,39 @@
+import React, { useCallback, useEffect } from 'react';
+
+import { ObjectMetadataItemNotFoundError } from '@/object-metadata/errors/ObjectMetadataNotFoundError';
+import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar';
+
+export const PromiseRejectionEffect = () => {
+  const { enqueueSnackBar } = useSnackBar();
+
+  const handlePromiseRejection = useCallback(
+    (event: PromiseRejectionEvent) => {
+      const error = event.reason;
+
+      // TODO: connect Sentry here
+      if (error instanceof ObjectMetadataItemNotFoundError) {
+        enqueueSnackBar(
+          `Error with custom object that cannot be found : ${event.reason}`,
+          {
+            variant: 'error',
+          },
+        );
+      } else {
+        enqueueSnackBar(`Error: ${event.reason}`, {
+          variant: 'error',
+        });
+      }
+    },
+    [enqueueSnackBar],
+  );
+
+  useEffect(() => {
+    window.addEventListener('unhandledrejection', handlePromiseRejection);
+
+    return () => {
+      window.removeEventListener('unhandledrejection', handlePromiseRejection);
+    };
+  }, [handlePromiseRejection]);
+
+  return <></>;
+};