fix: ref not supported in arbitrary html

Fixes #591
quantizor · Nov 20, 2024 · 23caecb · 23caecb
1 parent 5d7900b
commit 23caecb
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/.changeset/tricky-cups-relate.md b/.changeset/tricky-cups-relate.md
@@ -0,0 +1,5 @@
+---
+'markdown-to-jsx': patch
+---
+
+Drop encountered `ref` attributes when processing inline HTML, React doesn't handle it well.
diff --git a/index.tsx b/index.tsx
@@ -1245,6 +1245,10 @@ export function compiler(
         const value = unquote(raw.slice(delimiterIdx + 1).trim())
 
         const mappedKey = ATTRIBUTE_TO_JSX_PROP_MAP[key] || key
+
+        // bail out, not supported
+        if (mappedKey === 'ref') return map
+
         const normalizedValue = (map[mappedKey] = attributeValueToJSXPropValue(
           tag,
           key,

diff --git a/package.json b/package.json
@@ -99,11 +99,11 @@
   "size-limit": [
     {
       "path": "./dist/index.module.js",
-      "limit": "6.3 kB"
+      "limit": "6.5 kB"
     },
     {
       "path": "./dist/index.modern.js",
-      "limit": "6.3 kB"
+      "limit": "6.5 kB"
     }
   ],
   "jest": {