diff --git a/x-pack/plugins/transform/public/app/hooks/use_get_data_view_ids_with_title.ts b/x-pack/plugins/transform/public/app/hooks/use_get_data_view_ids_with_title.ts
index 0890e86af3f7f..7e0614e57714d 100644
--- a/x-pack/plugins/transform/public/app/hooks/use_get_data_view_ids_with_title.ts
+++ b/x-pack/plugins/transform/public/app/hooks/use_get_data_view_ids_with_title.ts
@@ -19,6 +19,11 @@ export const useGetDataViewIdsWithTitle = () => {
 
   return useQuery<DataViewListItem[], IHttpFetchError>(
     [TRANSFORM_REACT_QUERY_KEYS.GET_DATA_VIEW_IDS_WITH_TITLE],
-    async () => await data.dataViews.getIdsWithTitle()
+    async () => {
+      // Since we let useQuery take care of caching,
+      // clear the cache to ensure we get the latest data view list.
+      await data.dataViews.clearCache();
+      return await data.dataViews.getIdsWithTitle();
+    }
   );
 };