From 27f8615044f316cd0bddbf8f4cfca3c0b69c8415 Mon Sep 17 00:00:00 2001
From: pierrejeambrun <pierrejbrun@gmail.com>
Date: Fri, 1 Aug 2025 19:32:03 +0200
Subject: [PATCH] Flexible form use ReactMarkdown instead of default Markdown
 component

---
 .../src/airflow/ui/src/components/FlexibleForm/FieldRow.tsx  | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/airflow-core/src/airflow/ui/src/components/FlexibleForm/FieldRow.tsx b/airflow-core/src/airflow/ui/src/components/FlexibleForm/FieldRow.tsx
index 3125201ceb176..1789e446c2d9d 100644
--- a/airflow-core/src/airflow/ui/src/components/FlexibleForm/FieldRow.tsx
+++ b/airflow-core/src/airflow/ui/src/components/FlexibleForm/FieldRow.tsx
@@ -19,9 +19,8 @@
 import { Field, Stack } from "@chakra-ui/react";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
-import Markdown from "react-markdown";
-import remarkGfm from "remark-gfm";
 
+import ReactMarkdown from "src/components/ReactMarkdown";
 import { paramPlaceholder, useParamStore } from "src/queries/useParamStore";
 
 import type { FlexibleFormElementProps } from ".";
@@ -66,7 +65,7 @@ export const FieldRow = ({ name, onUpdate: rowOnUpdate }: FlexibleFormElementPro
         {param.description === null ? (
           param.schema.description_md === undefined ? undefined : (
             <Field.HelperText>
-              <Markdown remarkPlugins={[remarkGfm]}>{param.schema.description_md}</Markdown>
+              <ReactMarkdown>{param.schema.description_md}</ReactMarkdown>
             </Field.HelperText>
           )
         ) : (