diff --git a/services/web/frontend/js/features/editor-left-menu/context/project-settings-context.tsx b/services/web/frontend/js/features/editor-left-menu/context/project-settings-context.tsx
index 3a9fdf0db7..0bd3a39718 100644
--- a/services/web/frontend/js/features/editor-left-menu/context/project-settings-context.tsx
+++ b/services/web/frontend/js/features/editor-left-menu/context/project-settings-context.tsx
@@ -6,8 +6,8 @@ import type { ProjectSettings } from '../utils/api'
 import { UserSettings } from '../../../../../types/user-settings'
 
 type ProjectSettingsSetterContextValue = {
-  setCompiler: (compiler: ProjectSettings['compiler']) => void
-  setImageName: (imageName: ProjectSettings['imageName']) => void
+  setCompiler: (compiler: ProjectSettings['compiler']) => Promise<void>
+  setImageName: (imageName: ProjectSettings['imageName']) => Promise<void>
   setRootDocId: (rootDocId: ProjectSettings['rootDocId']) => void
   setSpellCheckLanguage: (
     spellCheckLanguage: ProjectSettings['spellCheckLanguage']
diff --git a/services/web/frontend/js/features/editor-left-menu/hooks/use-project-wide-settings.tsx b/services/web/frontend/js/features/editor-left-menu/hooks/use-project-wide-settings.tsx
index 0226e87678..52f18c0e08 100644
--- a/services/web/frontend/js/features/editor-left-menu/hooks/use-project-wide-settings.tsx
+++ b/services/web/frontend/js/features/editor-left-menu/hooks/use-project-wide-settings.tsx
@@ -12,15 +12,19 @@ export default function useProjectWideSettings() {
   const saveProjectSettings = useSaveProjectSettings()
 
   const setCompiler = useCallback(
-    (newCompiler: ProjectSettings['compiler']) => {
-      saveProjectSettings('compiler', newCompiler).catch(debugConsole.error)
+    async (newCompiler: ProjectSettings['compiler']) => {
+      await saveProjectSettings('compiler', newCompiler).catch(
+        debugConsole.error
+      )
     },
     [saveProjectSettings]
   )
 
   const setImageName = useCallback(
-    (newImageName: ProjectSettings['imageName']) => {
-      saveProjectSettings('imageName', newImageName).catch(debugConsole.error)
+    async (newImageName: ProjectSettings['imageName']) => {
+      await saveProjectSettings('imageName', newImageName).catch(
+        debugConsole.error
+      )
     },
     [saveProjectSettings]
   )