chore(examples): add replace to nextjs

#1589
remarkablemark · Nov 1, 2024 · 26f30c3 · 26f30c3
1 parent b956465
commit 26f30c3
Showing 1 changed file with 16 additions and 3 deletions.
diff --git a/examples/nextjs/pages/index.tsx b/examples/nextjs/pages/index.tsx
@@ -1,5 +1,5 @@
 import Head from 'next/head';
-import parse from 'html-react-parser';
+import parse, { Element } from 'html-react-parser';
 
 export default function Home() {
   return (
@@ -10,10 +10,23 @@ export default function Home() {
 
       <main>
         <h1 className="title">
-          {parse(`
+          {parse(
+            `
             Welcome to <a href="https://nextjs.org">Next.js</a>
             and HTMLReactParser!
-          `)}
+          `,
+            {
+              replace(domNode) {
+                if (domNode instanceof Element && domNode.name === 'a') {
+                  return (
+                    <a href="https://nextjs.org" rel="noopener noreferrer">
+                      Next.js
+                    </a>
+                  );
+                }
+              },
+            },
+          )}
         </h1>
       </main>