Merge pull request #3 from ananttripathi/feature/difftool-app

Fix diff2html import: use named export html instead of Diff2Html

Author: ananttripathi

src/components/DiffViewer.jsx

@@ -1,6 +1,6 @@
 import { useEffect, useRef } from 'react'
 import { createPatch } from 'diff'
-import { Diff2Html } from 'diff2html'
+import { html as diff2htmlHtml } from 'diff2html'
 import 'diff2html/bundles/css/diff2html.min.css'
 
 export default function DiffViewer({ left, right, viewType, fileName }) {
@@ -10,12 +10,12 @@ export default function DiffViewer({ left, right, viewType, fileName }) {
     if (!containerRef.current) return
 
     const patch = createPatch(fileName || 'file', left, right, '', '')
-    const html = Diff2Html.html(patch, {
+    const rendered = diff2htmlHtml(patch, {
       drawFileList: false,
       matching: 'lines',
       outputFormat: viewType === 'side-by-side' ? 'side-by-side' : 'line-by-line',
     })
-    containerRef.current.innerHTML = html
+    containerRef.current.innerHTML = rendered
   }, [left, right, viewType, fileName])
 
   return <div className="diff-output" ref={containerRef} />