Merge pull request #31 from basehub-ai/bugfix

Fixing bug in code mark when re-renders + fix bug in heading id's

.changeset/small-crabs-sleep.md

@@ -0,0 +1,7 @@
+---
+"basehub": patch
+---
+
+Fixes error when re-rendering the rich text renderer component in the following marks:
+ - Code
+ - Heading

packages/basehub/src/react/rich-text/index.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable jsx-a11y/alt-text */
 /* eslint-disable @next/next/no-img-element */
-import { type ReactNode, type ReactElement, useMemo } from "react";
+import { type ReactNode, type ReactElement } from "react";
 import { extractTextFromNode, incrementID } from "./util/heading-id";
 
 /**
@@ -181,7 +181,7 @@ export const RichText = <
   props: RichTextProps<CustomBlocks>
 ) => {
   const value = props.children as Node[] | undefined;
-  const generatedIDs: GeneratedIDsRecord = useMemo(() => ({}), []);
+  const generatedIDs: GeneratedIDsRecord = [];
 
   return (
     <>
@@ -288,15 +288,15 @@ const Node = ({
       break;
     case "text":
       const forceCodeMark = parent?.type === "codeBlock";
-      if (forceCodeMark) {
-        node.marks = node.marks ?? [];
-        node.marks.push({
+      const clonedMarks = [...(node.marks ?? [])];
+      if (forceCodeMark && !clonedMarks.some((mark) => mark.type === "code")) {
+        clonedMarks.push({
           type: "code",
           attrs: { isInline: false },
         } satisfies Mark);
       }
       handler = ({ children }: { children?: ReactNode }) => (
-        <Marks marks={node.marks} components={components}>
+        <Marks marks={clonedMarks} components={components}>
           {children}
         </Marks>
       );