diff --git a/packages/grafana-data/src/transformations/transformers/ids.ts b/packages/grafana-data/src/transformations/transformers/ids.ts
index 9088cb5cbdf..af54935a7a3 100644
--- a/packages/grafana-data/src/transformations/transformers/ids.ts
+++ b/packages/grafana-data/src/transformations/transformers/ids.ts
@@ -45,7 +45,7 @@ export enum DataTransformerID {
   groupToNestedTable = 'groupToNestedTable',
 }
 
-export const refIDDependentIDs = [
+export const refIDDependentIDs: string[] = [
   DataTransformerID.joinByField,
   DataTransformerID.merge,
   DataTransformerID.reduce,
diff --git a/packages/grafana-data/src/transformations/transformers/utils.ts b/packages/grafana-data/src/transformations/transformers/utils.ts
index 740d43f1ef2..a9e55bb733b 100644
--- a/packages/grafana-data/src/transformations/transformers/utils.ts
+++ b/packages/grafana-data/src/transformations/transformers/utils.ts
@@ -1,8 +1,6 @@
 import { DataFrame } from '../../types/dataFrame';
 import { SpecialValue } from '../../types/transformations';
 
-import { DataTransformerID } from './ids';
-
 /**
  * Retrieve the maximum number of fields in a series of a dataframe.
  */
@@ -36,6 +34,6 @@ export function getSpecialValue(specialValue: SpecialValue) {
   }
 }
 
-export const getTransformationLegacyRefId = (transformationId: DataTransformerID, data: DataFrame[]) => {
+export const getTransformationLegacyRefId = (transformationId: string, data: DataFrame[]) => {
   return `${transformationId}-${data.map((frame) => frame.refId).join('-')}`;
 };
diff --git a/public/app/features/dashboard-scene/panel-edit/PanelDataPane/PanelDataTransformationsTab.tsx b/public/app/features/dashboard-scene/panel-edit/PanelDataPane/PanelDataTransformationsTab.tsx
index 54772f16943..a5c59f75c0c 100644
--- a/public/app/features/dashboard-scene/panel-edit/PanelDataPane/PanelDataTransformationsTab.tsx
+++ b/public/app/features/dashboard-scene/panel-edit/PanelDataPane/PanelDataTransformationsTab.tsx
@@ -4,7 +4,6 @@ import { useState } from 'react';
 
 import {
   DataTransformerConfig,
-  DataTransformerID,
   getTransformationLegacyRefId,
   getNextRefId,
   GrafanaTheme2,
@@ -187,9 +186,8 @@ function TransformationsEditor({ transformations, model, data }: TransformationE
   // populate refIds for any transformations that don't have them
   const refLessTransformations = transformations.filter((transformation) => transformation.refId === undefined);
   refLessTransformations.forEach((transformation) => {
-    const transformationId: DataTransformerID = transformation.id as DataTransformerID;
-    if (refIDDependentIDs.includes(transformationId)) {
-      transformation.refId = getTransformationLegacyRefId(transformationId, data.series);
+    if (refIDDependentIDs.includes(transformation.id)) {
+      transformation.refId = getTransformationLegacyRefId(transformation.id, data.series);
     } else {
       transformation.refId = getNextRefId(transformations, 'T-');
     }