refactor(examples): tidy create-react-app

Author: remarkablemark

examples/create-react-app/src/App.js

@@ -1,26 +1,30 @@
 import parse, { domToReact, htmlToDOM, Element } from 'html-react-parser';
+
 import './App.css';
 
 console.log(domToReact);
 console.log(htmlToDOM);
 
-const parser = input =>
-  parse(input, {
-    replace: domNode => {
-      if (domNode instanceof Element && domNode.attribs.class === 'remove') {
-        return <></>;
-      }
-    }
-  });
-
 export default function App() {
   return (
     <div className="App">
-      {parser(`
+      {parse(
+        `
         <h2 style="font-family: 'Lucida Grande';">
           HTMLReactParser<br class="remove"> with Create React App
         </h2>
-      `)}
+        `,
+        {
+          replace(domNode) {
+            if (
+              domNode instanceof Element &&
+              domNode.attribs.class === 'remove'
+            ) {
+              return <></>;
+            }
+          }
+        }
+      )}
     </div>
   );
 }

examples/create-react-app/src/index.js

@@ -1,9 +1,12 @@
-import React from 'react';
-import ReactDOM from 'react-dom/client';
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+
 import App from './App';
 
-ReactDOM.createRoot(document.getElementById('root')).render(
-  <React.StrictMode>
+const root = createRoot(document.getElementById('root'));
+
+root.render(
+  <StrictMode>
     <App />
-  </React.StrictMode>
+  </StrictMode>
 );