diff --git a/.github/workflows/cdelivery-s3-caller.yml b/.github/workflows/cdelivery-s3-caller.yml
index c6614a25..992b842d 100644
--- a/.github/workflows/cdelivery-s3-caller.yml
+++ b/.github/workflows/cdelivery-s3-caller.yml
@@ -24,4 +24,7 @@ jobs:
       show-notifications: ${{ secrets.REACT_APP_SHOW_NOTIFICATIONS }}
       graasp-compose-host: ${{ secrets.REACT_APP_GRAASP_COMPOSE_HOST_STAGE }}
       graasp-explorer-host: ${{ secrets.REACT_APP_GRAASP_EXPLORE_HOST_STAGE }}
+      authentication-host: ${{ secrets.REACT_APP_AUTHENTICATION_HOST_STAGE }}
+      recaptcha-site-key: ${{ secrets.REACT_APP_RECAPTCHA_SITE_KEY }}
+      sentry-dsn: ${{ secrets.REACT_APP_SENTRY_DSN }}
       domain: ${{ secrets.REACT_APP_DOMAIN_STAGE }}
diff --git a/.github/workflows/cdeployment-s3-caller.yml b/.github/workflows/cdeployment-s3-caller.yml
index 839d880d..73b37f14 100644
--- a/.github/workflows/cdeployment-s3-caller.yml
+++ b/.github/workflows/cdeployment-s3-caller.yml
@@ -30,4 +30,7 @@ jobs:
       show-notifications: ${{ secrets.REACT_APP_SHOW_NOTIFICATIONS }}
       graasp-compose-host: ${{ secrets.REACT_APP_GRAASP_COMPOSE_HOST_PROD }}
       graasp-explorer-host: ${{ secrets.REACT_APP_GRAASP_EXPLORE_HOST_PROD }}
+      authentication-host: ${{ secrets.REACT_APP_AUTHENTICATION_HOST_PROD }}
+      recaptcha-site-key: ${{ secrets.REACT_APP_RECAPTCHA_SITE_KEY }}
+      sentry-dsn: ${{ secrets.REACT_APP_SENTRY_DSN }}
       domain: ${{ secrets.REACT_APP_DOMAIN_PROD }}
diff --git a/.github/workflows/cintegration-s3-caller.yml b/.github/workflows/cintegration-s3-caller.yml
index 29274e53..4f414ccd 100644
--- a/.github/workflows/cintegration-s3-caller.yml
+++ b/.github/workflows/cintegration-s3-caller.yml
@@ -25,7 +25,10 @@ jobs:
       aws-s3-bucket-name: ${{ secrets.AWS_S3_BUCKET_NAME_GRAASP_AUTH_DEV }}
       cloudfront-distribution-id: ${{ secrets.CLOUDFRONT_DISTRIBUTION_GRAASP_AUTH_DEV }}
       api-host: ${{ secrets.REACT_APP_API_HOST_DEV }}
+      authentication-host: ${{ secrets.REACT_APP_AUTHENTICATION_HOST_DEV }}
       show-notifications: ${{ secrets.REACT_APP_SHOW_NOTIFICATIONS }}
       graasp-compose-host: ${{ secrets.REACT_APP_GRAASP_COMPOSE_HOST_DEV }}
       graasp-explorer-host: ${{ secrets.REACT_APP_GRAASP_EXPLORE_HOST_DEV }}
+      recaptcha-site-key: ${{ secrets.REACT_APP_RECAPTCHA_SITE_KEY }}
+      sentry-dsn: ${{ secrets.REACT_APP_SENTRY_DSN }}
       domain: ${{ secrets.REACT_APP_DOMAIN_DEV }}
diff --git a/README.md b/README.md
index 3c5cf565..91624058 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,15 @@
 # graasp-auth
+
+Create an `.env.local` file with:
+
+```sh
+REACT_APP_API_HOST=http://localhost:3000
+PORT=3001
+REACT_APP_DOMAIN=localhost:3001
+REACT_APP_SHOW_NOTIFICATIONS=true
+REACT_APP_AUTHENTICATION_HOST=http://localhost:3001
+
+REACT_APP_RECAPTCHA_SITE_KEY=
+```
+
+Generate your recaptcha key from [the reCAPTCHA admin console](https://www.google.com/recaptcha/admin/create)
diff --git a/package.json b/package.json
index 9dd4bcdf..0bc80f3b 100644
--- a/package.json
+++ b/package.json
@@ -12,12 +12,15 @@
     "@emotion/react": "11.10.5",
     "@emotion/styled": "11.10.5",
     "@graasp/query-client": "0.2.0",
-    "@graasp/sdk": "0.4.1",
+    "@graasp/sdk": "0.10.0",
     "@graasp/translations": "1.8.0",
     "@graasp/ui": "0.11.1",
     "@mui/icons-material": "5.11.0",
     "@mui/lab": "5.0.0-alpha.119",
     "@mui/material": "5.11.8",
+    "@sentry/browser": "7.45.0",
+    "@sentry/react": "7.45.0",
+    "@sentry/tracing": "7.45.0",
     "http-status-codes": "2.2.0",
     "qs": "6.11.0",
     "react": "17.0.2",
@@ -31,8 +34,8 @@
     "validator": "13.7.0"
   },
   "scripts": {
-    "start": "env-cmd -f ./.env.local react-scripts start",
-    "start:test": "env-cmd -f ./.env.test react-scripts start",
+    "start": "env-cmd -f ./.env.local react-scripts -r @cypress/instrument-cra start",
+    "start:test": "env-cmd -f ./.env.test react-scripts -r @cypress/instrument-cra start",
     "start:ci": "react-scripts -r @cypress/instrument-cra start",
     "build": "react-scripts build",
     "dist:dev": "env-cmd -f ./.env.development react-scripts build",
@@ -106,5 +109,9 @@
     "typescript": "4.9.4",
     "wait-on": "7.0.1"
   },
+  "resolutions": {
+    "@graasp/sdk": "0.10.0",
+    "@types/react": "17.0.30"
+  },
   "packageManager": "yarn@3.2.1"
 }
diff --git a/public/index.html b/public/index.html
index 48f74c86..e95729ae 100644
--- a/public/index.html
+++ b/public/index.html
@@ -27,6 +27,12 @@
       href="%PUBLIC_URL%/favicon-16x16.png"
     />
 
+    <!--
+      This is to load the reCAPTCHA script
+      The REACT_APP_RECAPTCHA_SITE_KEY value is replaced at build time by CRA
+    -->
+    <script src="https://www.google.com/recaptcha/api.js?render=%REACT_APP_RECAPTCHA_SITE_KEY%"></script>
+
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
diff --git a/src/components/App.tsx b/src/components/App.tsx
index f4dde17f..a7af3418 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -1,20 +1,24 @@
+import * as Sentry from '@sentry/react';
 import { Route, BrowserRouter as Router, Routes } from 'react-router-dom';
 
 import { HOME_PATH, SIGN_UP_PATH, buildSignInPath } from '../config/paths';
+import ErrorFallback from './ErrorFallback';
 import Redirection from './Redirection';
 import SignIn from './SignIn';
 import SignUp from './SignUp';
 
 const App = () => (
-  <Router>
-    <Redirection>
-      <Routes>
-        <Route path={buildSignInPath()} element={<SignIn />} />
-        <Route path={SIGN_UP_PATH} element={<SignUp />} />
-        <Route path={HOME_PATH} element={<SignIn />} />
-      </Routes>
-    </Redirection>
-  </Router>
+  <Sentry.ErrorBoundary fallback={<ErrorFallback />} showDialog>
+    <Router>
+      <Redirection>
+        <Routes>
+          <Route path={buildSignInPath()} element={<SignIn />} />
+          <Route path={SIGN_UP_PATH} element={<SignUp />} />
+          <Route path={HOME_PATH} element={<SignIn />} />
+        </Routes>
+      </Redirection>
+    </Router>
+  </Sentry.ErrorBoundary>
 );
 
 export default App;
diff --git a/src/components/ErrorFallback.tsx b/src/components/ErrorFallback.tsx
new file mode 100644
index 00000000..35b2e279
--- /dev/null
+++ b/src/components/ErrorFallback.tsx
@@ -0,0 +1,11 @@
+import { FAILURE_MESSAGES } from '@graasp/translations';
+
+import { Alert } from '@mui/material';
+
+import { useMessagesTranslation } from '../config/i18n';
+
+const ErrorFallback = () => {
+  const { t } = useMessagesTranslation();
+  return <Alert severity="error">{t(FAILURE_MESSAGES.UNEXPECTED_ERROR)}</Alert>;
+};
+export default ErrorFallback;
diff --git a/src/components/Root.tsx b/src/components/Root.tsx
index 7044934a..620840b2 100644
--- a/src/components/Root.tsx
+++ b/src/components/Root.tsx
@@ -6,13 +6,14 @@ import { theme } from '@graasp/ui';
 
 import { ThemeProvider } from '@mui/material/styles';
 
-import { SHOW_NOTIFICATIONS } from '../config/constants';
+import { RECAPTCHA_SITE_KEY, SHOW_NOTIFICATIONS } from '../config/constants';
 import i18nConfig from '../config/i18n';
 import {
   QueryClientProvider,
   ReactQueryDevtools,
   queryClient,
 } from '../config/queryClient';
+import { RecaptchaProvider } from '../context/RecaptchaContext';
 import App from './App';
 
 const Root = () => (
@@ -20,7 +21,9 @@ const Root = () => (
     <I18nextProvider i18n={i18nConfig}>
       <ThemeProvider theme={theme}>
         {SHOW_NOTIFICATIONS && <ToastContainer />}
-        <App />
+        <RecaptchaProvider siteKey={RECAPTCHA_SITE_KEY}>
+          <App />
+        </RecaptchaProvider>
       </ThemeProvider>
     </I18nextProvider>
     {process.env.NODE_ENV === 'development' && <ReactQueryDevtools />}
diff --git a/src/components/SignIn.tsx b/src/components/SignIn.tsx
index 8a08a937..c962b27b 100644
--- a/src/components/SignIn.tsx
+++ b/src/components/SignIn.tsx
@@ -2,6 +2,7 @@ import React, { FC, useState } from 'react';
 import { Link } from 'react-router-dom';
 
 import { MUTATION_KEYS } from '@graasp/query-client';
+import { RecaptchaAction } from '@graasp/sdk';
 import { AUTH } from '@graasp/translations';
 import { Button } from '@graasp/ui';
 
@@ -21,6 +22,7 @@ import {
   SIGN_IN_BUTTON_ID,
   SIGN_IN_HEADER_ID,
 } from '../config/selectors';
+import { useRecaptcha } from '../context/RecaptchaContext';
 import { SIGN_IN_METHODS } from '../types/signInMethod';
 import { emailValidator, passwordValidator } from '../utils/validation';
 import EmailInput from './EmailInput';
@@ -41,6 +43,7 @@ const {
 
 const SignIn: FC = () => {
   const { t } = useAuthTranslation();
+  const { executeCaptcha } = useRecaptcha();
 
   const [email, setEmail] = useState('');
   const [password, setPassword] = useState('');
@@ -53,7 +56,7 @@ const SignIn: FC = () => {
   const { mutateAsync: signIn, isSuccess: signInSuccess } = useMutation<
     unknown,
     unknown,
-    { email: string }
+    { email: string; captcha: string }
   >(MUTATION_KEYS.SIGN_IN);
   const {
     mutateAsync: signInWithPassword,
@@ -61,7 +64,7 @@ const SignIn: FC = () => {
   } = useMutation<
     { data: { resource: string } },
     unknown,
-    { email: string; password: string }
+    { email: string; password: string; captcha: string }
   >(MUTATION_KEYS.SIGN_IN_WITH_PASSWORD);
 
   const handleSignIn = async () => {
@@ -70,8 +73,13 @@ const SignIn: FC = () => {
     if (checkingEmail) {
       setShouldValidate(true);
     } else {
-      await signIn({ email: lowercaseEmail });
-      setSuccessView(true);
+      try {
+        const token = await executeCaptcha(RecaptchaAction.SignIn);
+        await signIn({ email: lowercaseEmail, captcha: token });
+        setSuccessView(true);
+      } catch (e) {
+        console.error(e);
+      }
     }
   };
 
@@ -85,9 +93,11 @@ const SignIn: FC = () => {
         setPasswordError(checkingPassword);
       }
     } else {
+      const token = await executeCaptcha(RecaptchaAction.SignInWithPassword);
       const { data } = await signInWithPassword({
         email: lowercaseEmail,
         password,
+        captcha: token,
       });
       if (data.resource) {
         window.location.href = data.resource;
diff --git a/src/components/SignUp.tsx b/src/components/SignUp.tsx
index b4c43295..a52b1f45 100644
--- a/src/components/SignUp.tsx
+++ b/src/components/SignUp.tsx
@@ -2,6 +2,7 @@ import { ChangeEventHandler, useEffect, useState } from 'react';
 import { Link, useSearchParams } from 'react-router-dom';
 
 import { MUTATION_KEYS } from '@graasp/query-client';
+import { RecaptchaAction } from '@graasp/sdk';
 import { AUTH } from '@graasp/translations';
 import { Button, Loader } from '@graasp/ui';
 
@@ -17,6 +18,7 @@ import {
   SIGN_UP_BUTTON_ID,
   SIGN_UP_HEADER_ID,
 } from '../config/selectors';
+import { useRecaptcha } from '../context/RecaptchaContext';
 import { emailValidator, nameValidator } from '../utils/validation';
 import EmailInput from './EmailInput';
 import FullscreenContainer from './FullscreenContainer';
@@ -29,6 +31,7 @@ const { SIGN_IN_LINK_TEXT, SIGN_UP_BUTTON, SIGN_UP_HEADER, NAME_FIELD_LABEL } =
 
 const SignUp = () => {
   const { t } = useAuthTranslation();
+  const { executeCaptcha } = useRecaptcha();
 
   const [email, setEmail] = useState<string>('');
   const [name, setName] = useState<string>('');
@@ -40,7 +43,7 @@ const SignUp = () => {
   const { mutateAsync: signUp, isSuccess: signUpSuccess } = useMutation<
     unknown,
     unknown,
-    { email: string; name: string }
+    { email: string; name: string; captcha: string }
   >(MUTATION_KEYS.SIGN_UP);
   const [searchParams] = useSearchParams();
 
@@ -79,7 +82,12 @@ const SignUp = () => {
       setNameError(checkingUsername);
       setShouldValidate(true);
     } else {
-      await signUp({ name, email: lowercaseEmail });
+      const token = await executeCaptcha(RecaptchaAction.SignUp);
+      await signUp({
+        name: name.trim(),
+        email: lowercaseEmail,
+        captcha: token,
+      });
       setSuccessView(true);
     }
   };
diff --git a/src/components/SuccessContent.tsx b/src/components/SuccessContent.tsx
index ae38b4f6..b9c38809 100644
--- a/src/components/SuccessContent.tsx
+++ b/src/components/SuccessContent.tsx
@@ -2,6 +2,7 @@ import { useState } from 'react';
 import { Trans } from 'react-i18next';
 
 import { MUTATION_KEYS } from '@graasp/query-client';
+import { RecaptchaAction } from '@graasp/sdk';
 import { AUTH, namespaces } from '@graasp/translations';
 import { Button } from '@graasp/ui';
 
@@ -12,6 +13,7 @@ import { useAuthTranslation } from '../config/i18n';
 import { useMutation } from '../config/queryClient';
 import { SUCCESS_CONTENT_ID } from '../config/selectors';
 import { BACK_BUTTON_ID, RESEND_EMAIL_BUTTON_ID } from '../config/selectors';
+import { useRecaptcha } from '../context/RecaptchaContext';
 
 type Props = {
   title: string;
@@ -25,17 +27,21 @@ const SuccessContent = ({
   handleBackButtonClick = null,
 }: Props) => {
   const { t } = useAuthTranslation();
+  const { executeCaptcha } = useRecaptcha();
   const [isEmailSent, setIsEmailSent] = useState(false);
 
   // used for resend email
-  const { mutate: signIn } = useMutation<unknown, unknown, { email: string }>(
-    MUTATION_KEYS.SIGN_IN,
-  );
+  const { mutate: signIn } = useMutation<
+    unknown,
+    unknown,
+    { email: string; captcha: string }
+  >(MUTATION_KEYS.SIGN_IN);
 
   // used for resend email
   const handleResendEmail = async () => {
     const lowercaseEmail = email.toLowerCase();
-    signIn({ email: lowercaseEmail });
+    const token = await executeCaptcha(RecaptchaAction.SignIn);
+    signIn({ email: lowercaseEmail, captcha: token });
   };
 
   const onClickResendEmail = () => {
diff --git a/src/config/constants.ts b/src/config/constants.ts
index deff16ad..81a0f842 100644
--- a/src/config/constants.ts
+++ b/src/config/constants.ts
@@ -19,6 +19,11 @@ export const GRAASP_COMPOSE_HOST =
 export const AUTHENTICATION_HOST =
   process.env.REACT_APP_AUTHENTICATION_HOST || 'http://localhost:3001';
 
+export const SENRY_DSN = process.env.REACT_APP_SENTRY_DSN;
+export const APP_VERSION = process.env.REACT_APP_VERSION;
+
+export const RECAPTCHA_SITE_KEY = process.env.REACT_APP_RECAPTCHA_SITE_KEY;
+
 export const NAME_MAXIMUM_LENGTH = 300;
 export const NAME_MINIMUM_LENGTH = 2;
 
diff --git a/src/config/i18n.ts b/src/config/i18n.ts
index bee7f383..9900e9ff 100644
--- a/src/config/i18n.ts
+++ b/src/config/i18n.ts
@@ -8,5 +8,6 @@ i18n.use(initReactI18next);
 export const useAuthTranslation = () => useTranslation(namespaces.auth);
 export const useBuilderTranslation = () => useTranslation(namespaces.builder);
 export const useCommonTranslation = () => useTranslation(namespaces.common);
+export const useMessagesTranslation = () => useTranslation(namespaces.messages);
 
 export default i18n;
diff --git a/src/context/RecaptchaContext.tsx b/src/context/RecaptchaContext.tsx
new file mode 100644
index 00000000..44fabaf8
--- /dev/null
+++ b/src/context/RecaptchaContext.tsx
@@ -0,0 +1,50 @@
+import { createContext, useContext } from 'react';
+
+declare global {
+  interface Window {
+    grecaptcha: {
+      ready?: (callback: () => void) => void;
+      execute: (
+        siteKey: string,
+        { action }: { action: string },
+      ) => Promise<string>;
+    };
+  }
+}
+
+type RecaptchaContextType = {
+  executeCaptcha: (action: string) => Promise<string>;
+};
+
+const RecaptchaContext = createContext<RecaptchaContextType>({
+  executeCaptcha: () => Promise.reject('No Recaptcha context provider found'),
+});
+
+type Props = {
+  children: JSX.Element;
+  siteKey: string;
+};
+
+export const RecaptchaProvider = ({ children, siteKey }: Props) => {
+  const executeCaptcha = (action: string): Promise<string> => {
+    return new Promise<string>((resolve) => {
+      if (!window.grecaptcha) {
+        resolve(undefined);
+      } else {
+        window.grecaptcha.ready(async () => {
+          const token = await window.grecaptcha.execute(siteKey, { action });
+          resolve(token);
+        });
+      }
+    });
+  };
+
+  const value = { executeCaptcha };
+  return (
+    <RecaptchaContext.Provider value={value}>
+      {children}
+    </RecaptchaContext.Provider>
+  );
+};
+
+export const useRecaptcha = () => useContext(RecaptchaContext);
diff --git a/src/index.tsx b/src/index.tsx
index 717566e5..eabdd0fb 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,10 +1,18 @@
+import * as Sentry from '@sentry/react';
+import { BrowserTracing } from '@sentry/tracing';
 import { render } from 'react-dom';
 import ReactGA from 'react-ga4';
 
 import { hasAcceptedCookies } from '@graasp/sdk';
 
 import Root from './components/Root';
-import { GA_MEASUREMENT_ID, NODE_ENV } from './config/constants';
+import {
+  APP_VERSION,
+  DOMAIN,
+  GA_MEASUREMENT_ID,
+  NODE_ENV,
+  SENRY_DSN,
+} from './config/constants';
 import './index.css';
 import './index.css';
 
@@ -13,5 +21,21 @@ if (GA_MEASUREMENT_ID && hasAcceptedCookies() && NODE_ENV !== 'test') {
   ReactGA.send('pageview');
 }
 
+Sentry.init({
+  dsn: SENRY_DSN,
+  integrations: [new BrowserTracing(), new Sentry.Replay()],
+  release: APP_VERSION,
+  environment: DOMAIN,
+  tracesSampleRate: 1.0,
+
+  // This sets the sample rate to be 10%. You may want this to be 100% while
+  // in development and sample at a lower rate in production
+  replaysSessionSampleRate: 0.1,
+
+  // If the entire session is not sampled, use the below sample rate to sample
+  // sessions when an error occurs.
+  replaysOnErrorSampleRate: 1.0,
+});
+
 const root = document.getElementById('root');
 render(<Root />, root);
diff --git a/yarn.lock b/yarn.lock
index c120f2b3..b873b7b0 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2314,26 +2314,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@graasp/sdk@npm:0.4.0":
-  version: 0.4.0
-  resolution: "@graasp/sdk@npm:0.4.0"
-  dependencies:
-    "@fastify/secure-session": 5.3.0
-    aws-sdk: 2.1310.0
-    fastify: 3.29.5
-    fluent-json-schema: 3.1.0
-    immutable: 4.2.4
-    js-cookie: 3.0.1
-    qs: 6.11.0
-    slonik: 28.1.1
-    uuid: 9.0.0
-  checksum: cf57c9e782b00c6406fbd4563e56b797bd78e8928cc4e1624601968541f6f72b7784c9d9e66bbcc46180030a7ff31f8089d8aca4ae393e57d3d5f1e8e6c614d6
-  languageName: node
-  linkType: hard
-
-"@graasp/sdk@npm:0.4.1":
-  version: 0.4.1
-  resolution: "@graasp/sdk@npm:0.4.1"
+"@graasp/sdk@npm:0.10.0":
+  version: 0.10.0
+  resolution: "@graasp/sdk@npm:0.10.0"
   dependencies:
     "@fastify/secure-session": 5.3.0
     aws-sdk: 2.1310.0
@@ -2344,7 +2327,7 @@ __metadata:
     qs: 6.11.0
     slonik: 28.1.1
     uuid: 9.0.0
-  checksum: dc65bdad6db5d8647c5753fa03c7d88cd894b3e3dc9da55c19e92da4bbc77cd85b542beb93ec5db46b75a8a7ac65ba8901258a667a3bedccb8fdfa6b4f13df14
+  checksum: 5b7d89d72c12be75d9fcba69c9545be4d5caf38685270f66934c9b0c221968d33f4ee20c4c18573e3ed89641461faa12ae28acfcb9511ca45f50b61bb6068631
   languageName: node
   linkType: hard
 
@@ -3224,6 +3207,95 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@sentry-internal/tracing@npm:7.45.0":
+  version: 7.45.0
+  resolution: "@sentry-internal/tracing@npm:7.45.0"
+  dependencies:
+    "@sentry/core": 7.45.0
+    "@sentry/types": 7.45.0
+    "@sentry/utils": 7.45.0
+    tslib: ^1.9.3
+  checksum: 64cb8ddca80d4c3a8b7d7fab8ebfc38e5eeb56753b72fc7fbcc6003a190f0492fe89075f7e7d7a2621f4746c52613c79eec2695368cc44da134b0be42bd0f71b
+  languageName: node
+  linkType: hard
+
+"@sentry/browser@npm:7.45.0":
+  version: 7.45.0
+  resolution: "@sentry/browser@npm:7.45.0"
+  dependencies:
+    "@sentry-internal/tracing": 7.45.0
+    "@sentry/core": 7.45.0
+    "@sentry/replay": 7.45.0
+    "@sentry/types": 7.45.0
+    "@sentry/utils": 7.45.0
+    tslib: ^1.9.3
+  checksum: 6f9328e32fbe92a31e891ec00f6fbd72397d6e6f9a53ec4025da8682bcb484fda49ad05ee73a95b1f0554f9a4543d9d5f40e26273eb9c70617a475939dfd29ad
+  languageName: node
+  linkType: hard
+
+"@sentry/core@npm:7.45.0":
+  version: 7.45.0
+  resolution: "@sentry/core@npm:7.45.0"
+  dependencies:
+    "@sentry/types": 7.45.0
+    "@sentry/utils": 7.45.0
+    tslib: ^1.9.3
+  checksum: c0453edf833b7ed86bcde6d341090bd3f4cfdb08b50a5e96cbe9d240d3955ea90c4af5550af37f95e8b987c13fa178cb004dd7bea9071145e63ce0dc7c635ec6
+  languageName: node
+  linkType: hard
+
+"@sentry/react@npm:7.45.0":
+  version: 7.45.0
+  resolution: "@sentry/react@npm:7.45.0"
+  dependencies:
+    "@sentry/browser": 7.45.0
+    "@sentry/types": 7.45.0
+    "@sentry/utils": 7.45.0
+    hoist-non-react-statics: ^3.3.2
+    tslib: ^1.9.3
+  peerDependencies:
+    react: 15.x || 16.x || 17.x || 18.x
+  checksum: 2b2a3014f85f693ac8c30af8e86e0fa843805ad123c9093d16bc89a4299f2c9942997145db8350421893e6bac3aaf18bee1633ec7a012ca02e82c07f3ddf4485
+  languageName: node
+  linkType: hard
+
+"@sentry/replay@npm:7.45.0":
+  version: 7.45.0
+  resolution: "@sentry/replay@npm:7.45.0"
+  dependencies:
+    "@sentry/core": 7.45.0
+    "@sentry/types": 7.45.0
+    "@sentry/utils": 7.45.0
+  checksum: 6e960f50cb1b3fae97482edfc2458542a254af0060481e369740c1e9f93093ca662f130c400fafff092e75079929c21f59ea78d85a095b59a07250976d478b84
+  languageName: node
+  linkType: hard
+
+"@sentry/tracing@npm:7.45.0":
+  version: 7.45.0
+  resolution: "@sentry/tracing@npm:7.45.0"
+  dependencies:
+    "@sentry-internal/tracing": 7.45.0
+  checksum: 21cfa98152f66c588124b368cc2883688e4d12a6a1d3a48519522b4d165ba56f8b72d2154686e278ecedc7b6afe5c6f469d256a31745fa9b8140a1040064e9f5
+  languageName: node
+  linkType: hard
+
+"@sentry/types@npm:7.45.0":
+  version: 7.45.0
+  resolution: "@sentry/types@npm:7.45.0"
+  checksum: feb7de474f486f52f8f2594dc0559872c51c770b8511d90383eb4aadac8dffc2ddfb8fd7747cfd1486e629eba47bc7c9fae72fdad28cddaaeaf8dd1a52fabdfa
+  languageName: node
+  linkType: hard
+
+"@sentry/utils@npm:7.45.0":
+  version: 7.45.0
+  resolution: "@sentry/utils@npm:7.45.0"
+  dependencies:
+    "@sentry/types": 7.45.0
+    tslib: ^1.9.3
+  checksum: 5d4d2ab4fe85d7231a35859cbeecc3d0c95368c818f15d8d6332f8c57604a67c0e12d5a81c23e5dcb1c53b4e44faf753028592792eb98e4af1440ee375b2292e
+  languageName: node
+  linkType: hard
+
 "@sideway/address@npm:^4.1.3":
   version: 4.1.4
   resolution: "@sideway/address@npm:4.1.4"
@@ -3936,17 +4008,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react@npm:*":
-  version: 18.0.28
-  resolution: "@types/react@npm:18.0.28"
-  dependencies:
-    "@types/prop-types": "*"
-    "@types/scheduler": "*"
-    csstype: ^3.0.2
-  checksum: e752df961105e5127652460504785897ca6e77259e0da8f233f694f9e8f451cde7fa0709d4456ade0ff600c8ce909cfe29f9b08b9c247fa9b734e126ec53edd7
-  languageName: node
-  linkType: hard
-
 "@types/react@npm:17.0.30":
   version: 17.0.30
   resolution: "@types/react@npm:17.0.30"
@@ -9390,12 +9451,15 @@ __metadata:
     "@emotion/react": 11.10.5
     "@emotion/styled": 11.10.5
     "@graasp/query-client": 0.2.0
-    "@graasp/sdk": 0.4.1
+    "@graasp/sdk": 0.10.0
     "@graasp/translations": 1.8.0
     "@graasp/ui": 0.11.1
     "@mui/icons-material": 5.11.0
     "@mui/lab": 5.0.0-alpha.119
     "@mui/material": 5.11.8
+    "@sentry/browser": 7.45.0
+    "@sentry/react": 7.45.0
+    "@sentry/tracing": 7.45.0
     "@testing-library/jest-dom": 5.16.4
     "@testing-library/react": 13.2.0
     "@testing-library/user-event": 14.2.0
@@ -9594,7 +9658,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"hoist-non-react-statics@npm:^3.3.1":
+"hoist-non-react-statics@npm:^3.3.1, hoist-non-react-statics@npm:^3.3.2":
   version: 3.3.2
   resolution: "hoist-non-react-statics@npm:3.3.2"
   dependencies:
@@ -16873,7 +16937,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tslib@npm:^1.8.1":
+"tslib@npm:^1.8.1, tslib@npm:^1.9.3":
   version: 1.14.1
   resolution: "tslib@npm:1.14.1"
   checksum: dbe628ef87f66691d5d2959b3e41b9ca0045c3ee3c7c7b906cc1e328b39f199bb1ad9e671c39025bd56122ac57dfbf7385a94843b1cc07c60a4db74795829acd