fix: fixed regression

Author: ocruze

packages/react-dsfr-tiptap/src/components/Provider.tsx

@@ -1,6 +1,6 @@
 import { fr } from "@codegouvfr/react-dsfr";
 import { useEditor, UseEditorOptions } from "@tiptap/react";
-import { ReactNode } from "react";
+import { ReactNode, useEffect } from "react";
 import { tss } from "tss-react";
 
 import { editorContext } from "../contexts/editor";
@@ -14,6 +14,28 @@ function Provider(props: IProviderProps) {
     const editor = useEditor(rest);
     const { classes } = useStyles();
 
+    // Keep the TipTap editor content in sync when the `content` prop changes.
+    // TipTap only uses `content` at initialization; updates require an explicit command.
+    useEffect(() => {
+        if (!editor) return;
+        const next = props.content;
+        if (typeof next !== "string") return;
+        const ct = props.contentType;
+        // Determine current content based on contentType (markdown/html)
+        type MaybeMarkdownEditor = typeof editor & { getMarkdown?: () => string };
+        const mdEditor = editor as MaybeMarkdownEditor;
+        const current = ct === "markdown" && typeof mdEditor.getMarkdown === "function" ? mdEditor.getMarkdown() : editor.getHTML();
+        if (current !== next) {
+            // Update without emitting an update event to avoid feedback loops.
+            const commands = editor.commands as unknown as { setMarkdown?: (md: string, opts?: { emitUpdate?: boolean }) => void };
+            if (ct === "markdown" && typeof commands.setMarkdown === "function") {
+                commands.setMarkdown(next, { emitUpdate: false });
+            } else {
+                editor.commands.setContent(next, { emitUpdate: false });
+            }
+        }
+    }, [editor, props.content, props.contentType]);
+
     return (
         <div className={classes.root}>
             <editorContext.Provider value={editor}>{children}</editorContext.Provider>

packages/react-dsfr-tiptap/src/components/RichTextEditor.test.tsx

@@ -12,4 +12,15 @@ describe("RichTextEditor component", () => {
         expect(title).toBeInTheDocument();
         expect(title instanceof HTMLHeadingElement).toBe(true);
     });
+
+    test("updates editor when content prop changes", async () => {
+        const { rerender } = render(<RichTextEditor content="<p>First</p>" />);
+        await waitFor(() => expect(screen.queryAllByRole("button").length).toBeGreaterThan(0));
+        expect(screen.getByText("First")).toBeInTheDocument();
+
+        // Change content prop simulating a reset
+        rerender(<RichTextEditor content="<h2>Second</h2>" />);
+        // The new heading should appear, old text should be gone
+        await waitFor(() => expect(screen.getByText("Second")).toBeInTheDocument());
+    });
 });