Fix api keys refresh (#2283)

* Move code to dedicated function

* Format cached data with proper typename

front/src/modules/apollo/optimistic-effect/hooks/useOptimisticEffect.ts

@@ -121,11 +121,16 @@ export const useOptimisticEffect = () => {
           .getValue();
 
         Object.values(optimisticEffects).forEach((optimisticEffect) => {
+          // We need to update the typename when createObject type differs from listObject types
+          // It is the case for apiKey, where the creation route returns an ApiKeyToken type
+          const formattedNewData = newData.map((data) => {
+            return { ...data, __typename: typename };
+          });
           if (optimisticEffect.typename === typename) {
             optimisticEffect.writer({
               cache: apolloClient.cache,
               query: optimisticEffect.query,
-              newData,
+              newData: formattedNewData,
               variables: optimisticEffect.variables,
             });
           }

front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeyDetail.tsx

@@ -69,16 +69,14 @@ export const SettingsDevelopersApiKeyDetail = () => {
     }
   };
 
-  const regenerateApiKey = async () => {
+  const createIntegration = async (
-    if (apiKeyData?.name) {
+    name: string,
-      const newExpiresAt = computeNewExpirationDate(
+    newExpiresAt: string | null,
-        apiKeyData.expiresAt,
+  ) => {
-        apiKeyData.createdAt,
+    return await insertOneApiKey({
-      );
-      const apiKey = await insertOneApiKey({
       variables: {
         data: {
-            name: apiKeyData.name,
+          name: name,
           expiresAt: newExpiresAt,
         },
       },
@@ -88,6 +86,15 @@ export const SettingsDevelopersApiKeyDetail = () => {
         }
       },
     });
+  };
+
+  const regenerateApiKey = async () => {
+    if (apiKeyData?.name) {
+      const newExpiresAt = computeNewExpirationDate(
+        apiKeyData.expiresAt,
+        apiKeyData.createdAt,
+      );
+      const apiKey = await createIntegration(apiKeyData.name, newExpiresAt);
       await deleteIntegration(false);
       if (apiKey.data?.createOneApiKey) {
         setGeneratedApi(