diff --git a/package-lock.json b/package-lock.json
index d693fde8..2cf1daff 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -39,7 +39,7 @@
         "eslint": "^8.57.0",
         "eslint-plugin-react-hooks": "^4.6.0",
         "eslint-plugin-react-refresh": "^0.4.5",
-        "typescript": "^5.2.2",
+        "typescript": "^5.4.2",
         "vite": "^5.1.5"
       }
     },
@@ -5485,9 +5485,9 @@
       }
     },
     "node_modules/typescript": {
-      "version": "5.3.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.3.3.tgz",
-      "integrity": "sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==",
+      "version": "5.4.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.2.tgz",
+      "integrity": "sha512-+2/g0Fds1ERlP6JsakQQDXjZdZMM+rqpamFZJEKh4kwTIn3iDkgKtby0CeNd5ATNZ4Ry1ax15TMx0W2V+miizQ==",
       "dev": true,
       "bin": {
         "tsc": "bin/tsc",
@@ -9403,9 +9403,9 @@
       }
     },
     "typescript": {
-      "version": "5.3.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.3.3.tgz",
-      "integrity": "sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==",
+      "version": "5.4.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.2.tgz",
+      "integrity": "sha512-+2/g0Fds1ERlP6JsakQQDXjZdZMM+rqpamFZJEKh4kwTIn3iDkgKtby0CeNd5ATNZ4Ry1ax15TMx0W2V+miizQ==",
       "dev": true
     },
     "undefsafe": {
diff --git a/package.json b/package.json
index 8c895e2c..88863113 100644
--- a/package.json
+++ b/package.json
@@ -44,7 +44,7 @@
     "eslint": "^8.57.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.5",
-    "typescript": "^5.2.2",
+    "typescript": "^5.4.2",
     "vite": "^5.1.5"
   }
 }
diff --git a/src/pages/SharedBucketDetail/SharedBucketDetail.tsx b/src/pages/SharedBucketDetail/SharedBucketDetail.tsx
index 8b230e46..09ff5767 100644
--- a/src/pages/SharedBucketDetail/SharedBucketDetail.tsx
+++ b/src/pages/SharedBucketDetail/SharedBucketDetail.tsx
@@ -6,7 +6,12 @@ import PageSkeleton from '../../components/PageSkeleton/PageSkeleton'
 import FormattedTableColumn from '../../components/FormattedTableColumn'
 import Table, { TableData } from '../../components/Table/Table'
 import { ApiError } from '../../utils/services'
-import { Team, SharedBucket, SharedBucketDetail, getSharedBucketDetailData } from '../../services/sharedBucketDetail'
+import {
+  Team,
+  SharedBucket,
+  SharedBucketDetail as SharedBucketDetailType,
+  getSharedBucketDetailData,
+} from '../../services/sharedBucketDetail'
 
 import { DaplaCtrlContext } from '../../provider/DaplaCtrlProvider'
 
@@ -18,13 +23,13 @@ const SharedBucketDetail = () => {
   const { setBreadcrumbTeamDetailDisplayName, setBreadcrumbBucketDetailDisplayName } = useContext(DaplaCtrlContext)
   const [error, setError] = useState<ApiError | undefined>()
   const [loadingSharedBucketsData, setLoadingSharedBucketsData] = useState<boolean>(true)
-  const [sharedBucketData, setSharedBucketData] = useState<SharedBucketDetail>()
+  const [sharedBucketData, setSharedBucketData] = useState<SharedBucketDetailType>()
   const [sharedBucketTableData, setSharedBucketTableData] = useState<TableData['data']>()
 
   const { teamId } = useParams<{ teamId: string }>()
   const { shortName } = useParams<{ shortName: string }>()
 
-  const prepSharedBucketTableData = (response: SharedBucketDetail): TableData['data'] => {
+  const prepSharedBucketTableData = (response: SharedBucketDetailType): TableData['data'] => {
     return (response['sharedBucket'] as SharedBucket).teams.map(({ display_name, uniform_name, section_name }) => {
       return {
         id: display_name ?? '',