diff --git a/packages/grafana-i18n/src/i18n.tsx b/packages/grafana-i18n/src/i18n.tsx
index 160e02e8dcc..b7220373c9e 100644
--- a/packages/grafana-i18n/src/i18n.tsx
+++ b/packages/grafana-i18n/src/i18n.tsx
@@ -1,5 +1,6 @@
 import i18n, { InitOptions, ReactOptions, TFunction as I18NextTFunction } from 'i18next';
 import LanguageDetector, { DetectorOptions } from 'i18next-browser-languagedetector';
+import React from 'react';
 // eslint-disable-next-line no-restricted-imports
 import { initReactI18next, setDefaults, setI18n, Trans as I18NextTrans, getI18n } from 'react-i18next';
 
@@ -216,7 +217,7 @@ export const t: TFunction = (id: string, defaultMessage: string, values?: Record
   return tFunc(id, defaultMessage, values);
 };
 
-export function Trans(props: TransProps) {
+export function Trans(props: TransProps): React.ReactElement {
   initDefaultI18nInstance();
   const Component = transComponent ?? I18NextTrans;
   return <Component shouldUnescape {...props} />;
diff --git a/packages/grafana-i18n/tsconfig.json b/packages/grafana-i18n/tsconfig.json
index b1340cd69d0..f9a549a66cb 100644
--- a/packages/grafana-i18n/tsconfig.json
+++ b/packages/grafana-i18n/tsconfig.json
@@ -2,7 +2,7 @@
   "extends": "../../scripts/tsconfig.base.json",
   "compilerOptions": {
     "declaration": true,
-    "jsx": "react-jsx",
+    "jsx": "react",
     "declarationDir": "./dist/types",
     "emitDeclarationOnly": true,
     "isolatedModules": true,