Error importing HtmlReactParser in index.cjs file #44

enonic · Oct 3, 2024 · 622c63a · 622c63a
1 parent a1a261c
commit 622c63a
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/RichText.tsx b/src/RichText.tsx
@@ -2,7 +2,7 @@ import type {RichTextParams} from './types'
 
 
 // Converts an HTML string to one or more React elements
-import HTMLReactParser from 'html-react-parser';
+import * as parser from 'html-react-parser';
 
 // Replaces "matching" domNodes
 import {createReplacer} from './RichText/createReplacer';
@@ -26,7 +26,9 @@ export function RichText<RestProps = Record<string, unknown>>({
 	return <CustomTag className={className}>
 		{
 			data.processedHtml
-				? HTMLReactParser(data.processedHtml, {
+				/* try parser.default.default first because import is wrapped with __toesm() in cjs files
+				 * for node compatibility, which adds default export resulting in parser.default.default */
+				? (parser.default['default'] || parser.default)(data.processedHtml, {
 					replace: createReplacer({
 						...rest,
 						// These should be last, so they can't be overridden